Проблема с position
 

Здравствуйте!
Никак не могу найти причину следующей проблемы.

Выпадающее главное меню (просто навести мышку на пункт меню Материалы, например) на этой странице:

http://mebel-gem.ru/shop/wardrobes/wardrobes-raumplus/

отображается под картинками товаров (то есть под элементами у которых position: relative).

Это происходит только в MSIE.

В чем причина такого поведения?

z-index?

Считается что эти элементы "выше" в потоке, потому и перекрываются теми что "ниже"...

Помогает
- перестановка элементов
- изменение значения position

Это один из редких случаев, когда ie ведет себя "правильнее" других браузеров. Проблема в z-index родителей элементов. Поскольку он у них не указан, то большинство браузеров видимость определяют по z-index накладываемых элементов, игрорируя z-index родителей. IE же полагает, что z-index родителей равен и соответсвенно блок позже располагаемый в потоке оказывается выше предыдущего. Для примера можете задать z-index родителям меню и картинок товаров и увидете, что все браузеры будут вести себя как ie.
Чтобы это исправить надо соответственно указать родителям меню и картинок правильные z-index.

В вашем случае добавьте элементу

div.GeometrymMenu{position:relative; z-index:1}

da_ff,
Спасибо! Ваше решение работает)))

Перешел на новую версию jQuery и проблема изменилась. Теперь правило:

div.GeometrymMenu{position:relative; z-index:1}

в MSIE почему-то вообще скрывает меню куда-то.

При повторном наведении меню исчезает - при первом - норма
ИЕ7

Так... похоже это происходит начиная с MSIE 8.
Я сейчас это смотрю в 8-ке.

khusamov,
При повторном наведении в ИЕ7 исчезает всё меню

так шо не ток 8

сначала бы разобраться чего оно вообще не отображается сразу после загрузки...