Z-индекс между абсолютным и относительным div (весь браузер)

Question

У меня проблема с позиционированием между абсолютным и относительным div.

Это мой HTML-код:

<ul style="position: absolute; z-index:10">menu</ul> 

<div id="box-img" style="position: relative; z-index:9"> 
    <div style="position: absolute"></div> 
</div> 

ЛУ тег отображается ниже "коробчатой ​​IMG" DIV, хотя он имеет более высокий Z-индекс свойства. Зачем?

Если я удаляю относительное положение в «box-img» DIV, тогда появляется надпись UL.

Как я могу решить эту проблему?

Answer 1

В IE всякий раз, когда вы применяете правило CSS позиции к элементу, оно генерирует новый контекст стекирования внутри этого элемента. Это означает, что z-index будет правильно соблюдаться только в дочерних элементах этого элемента, а дети в других контекстах стекирования с более низкими z-индексами могут по-прежнему складываться выше.

Смотрите здесь: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html