Верстка выпадающего меню в IE (слой)

Question

[enchikiben]

Добрый день, возникла проблема верстки с IE как всегда проблемы.



Как Вы видите меню наезжает на следующий элемент меню, пробовал задавать z-index у следующего меню меньше z-index всплывающего меню.

рабочий вариант

Answer 1

[slamduck]

С английским у вас как? Здесь есть решение. Если что могу помочь с переводом. Если коротко, то надо поиграться со свойством position. Я уже сталкивался с этой проблемой.

Comments

[enchikiben]

Спасибо! Вы очень помогли!

Answer 2

[Horse]

Див со сплывающим меню должен начинатся с подменю (я так думаю :) ). Тобишь не нужно захватывать основной пукнт в этот же див — и станет легче.

Comments

[enchikiben]

Если сделать так (и если я правильно понял) то не получится красивой рамочки вокруг меню как на рисунке, она будет только у выпадающего меню

Answer 3

[Xenkok]

ubuntu 10.04
firefox 3.6.13

тоже меню наезжает.

Comments

[enchikiben]

Прошу прощения, обновил это из-за моих экспериментов с css теперь в FF & Opera все.

Answer 4

[Алексей]

В ИЕ9 все ок. Не парьтесь :)

Comments

[enchikiben]

:) вот если бы он был у всех

[Алексей]

Упаси вас…

[Олег Торбасов]

Так и в IE8 всё нормально.

Answer 5

[judith]

Попробуйте повесить (джаваскриптом?) на текущий пункт меню li (из которого вызывается подменю) z-index, например, 10000. Должно сработать.

Answer 6

[Masterkey]

эээм, а зачем делать выделение пункта меню «Добавить» по ширине дочерних?
можно ведь просто выделить его без всякого позиционирования слоев
а если хочется окантовку, то применяешь z-index делаешь border у вложенного ul и отрицательный margin, у a делаешь border -right,-left,-top