Позиция всплывающего окна с ошибкой в ​​td из таблицы внутри автоматического переполнения div ⇐ Html

[Anonymous]

Мне нужна помощь в решении проблемы в Chrome и IE. Фактически, в Mozilla это работает нормально!
Позвольте мне объяснить:

У меня есть «переполнение» Div, содержащее таблицу.

В этой таблице я динамически генерирую tr и td.

Каждый tr имеет 2 td.

Каждый td содержит UserControl ASP.Net, который представляет собой div, содержащий
всплывающее окно div, отображающее ни один, и какой-то другой элемент для отображения. дисплей.

Код: Выделить всё

some control... (Not the problem)








...

CSS:

Код: Выделить всё

.overflow {
display: block;
width: 100%;
height: 450px;
max-height: 450px;
overflow-x: auto;
overflow-y: scroll;
}

.table_planning .infobulle {
position: absolute;
display: inline-block;
background: #ffffff;
width: 280px;
padding: 10px;
color: #464241;
z-index: 100;
margin: -10px 0 0 70px;
}

JavaScript:

Код: Выделить всё

function ShowInfoBulle(e) {
$(e).find('#infobulle').show();
}

function HideInfoBulle(e) {
$(e).find('#infobulle').hide();
}

При наведении курсора на контейнер div я показываю всплывающее окно div!
Но когда моя таблица прокручивается, позиция всплывающего окна (абсолютная) не соответствует положению прокрутки (только для IE и Chrome — отлично работает в Firefox).
Пример скрипта
Пример ошибки в IE или Chrome:


Пример корректного отображения в Firefox:



Подробнее здесь: https://stackoverflow.com/questions/322 ... rflow-auto