ошибка z-index в IE7, обычный обходной путь неприменим

Question

моя проблема заключается в следующем: У меня есть сетка контейнеров. При наведении на них одного из них появляется дочерний элемент (абсолютно позиционированный). Я дал этому дочернему элементу z-index 100, и все работает нормально. За исключением IE7, где img-элементы родительского контейнера лежат выше всплывающего окна. Теперь я знаю, что вы можете дать родительскому элементу более высокий z-индекс, чем всплывающее окно, чтобы избежать этой проблемы. В моем сеточном макете это не работает, потому что есть несколько родительских контейнеров, над которыми всплывающее окно. Применяя эту технику, каждый контейнер находится перед всплывающим окном даже в современных браузерах. Вот простой набросок ситуации:

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

Answer 1

Установка z-индекса для div на самом деле должна создавать контекст стека, а не просто выводить div, к которому он применяется, поверх другого ... так что, хотя я думаю, что IE7 не совсем понял, (удивительно !)

Я думаю, что было бы лучше сделать так, чтобы oner делил те, которые создают начало стека, устанавливая для них z-index, и то, что вы хотите, чтобы первый oner имел более высокий z-index, чем второй