Текстовые дисплеи сверху покрытия div, несмотря на z-index - Chrome & Firefox

Question

Я испытываю странную проблему. Я стучался в этом больше часа, но безрезультатно.

У меня есть DIV с текстом, с этим CSS:

z-index: 1; 
    position: relative; 

У меня есть диалоговое окно покрытие (YUI) с этим CSS:

background: #fff; 
    position: absolute; 
    z-index: 200; 

Коробка скатывается в анимации.

По какой-то причине текст отображается над другим div до тех пор, пока не получите это. Я перемещаю мышь за окном. Тогда все работает отлично.

Мое лучшее предположение, что это проблема рендеринга. Но это происходит как в FF, так и в Chrome (последнее). Любые предложения будут полезны.

-

Скриншот:

Answer 1

Я волшебно это исправил. Надеюсь, это поможет кому-то в будущем.

Купить явно указав z-index для родительского элемента, это решается вопрос:

.yui-skin-sam .yui-dt table { 
    width: 100%; 
    z-index: 1;   /* <-- added */ 
    position: relative; /* <-- added */ 
}