глюки со столами и divs (позиция: абсолютная) в Firefox

Question

Я создал календарь для веб-приложения, аналогичный FixedHeaderTable jQuery plugin.
Для сетки я использую структуру, такую ​​как <div style="position:absolute; overflow:scroll"><tables/></div> и устанавливаю div scrollTop.

Иногда скроллинг производит глюк:

Это происходит (по крайней мере) с OSX 10.6.8 и Firefox 25, и я знаю, что это узкая целевая группа и трудно воспроизвести, но Меня все еще интересуют возможные причины такого рода сбоев и, конечно, возможные решения (принудительно перерисовать?).

До сих пор я знаю, что он уходит, если я не использую position: absolute для div ...

Бонус: В ячейках таблицы у меня есть коробки, построен как так:

<td> 
    <div style="position:relative"> 
     <div style="position:absolute; width:100px; height:100px; z-index:10" /> 
    </div> 
</td> 

чей цвет фона и границы исчезают, когда они частично прокручивается из поля зрения:

(Monique прозрачен ...)

Теперь, опуская внутренний div, s z-index исправляет эту проблему, НО не опускает ее, исправляет первую проблему.

Хорошо, извините, что это так узко, но, возможно, кто-то видел нечто подобное раньше.

Answer 1

Добавить position:relative; в body.

Это исправит.