Проблема с меню навигации CSS в IE7 / 8

Question

У меня здесь есть меню:

http://www.gardensandhomesdirect.co.uk/menutest

Работает как надо в Chrome, FF и IE9.

Однако, если вы попробуете это в IE7 / 8, первое меню, Садовая мебель, при попытке навести курсор мыши на любой другой параметр, кроме All Garden Furniture, меню закроется. Это не происходит ни в одной из других категорий меню.

Я в растерянности относительно того, почему это так, похоже, прямо передо мной!

Любая помощь приветствуется.

Спасибо!

Answer 1

Это меню не работает в IE9, IE8 или IE7.

Это будет работать в IE8 и IE9, но вы переводите эти браузеры в режим IE7 с этим метатегом:

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7">

Если вы удалите это, только IE7 останется сломанным.

IE7 не работает, поскольку он знает ошибки, связанные с z-index, см .:

• проблемы с разделением на слои
• Почему мое раскрывающееся меню CSS открывается за DIV в IE7?
• Проблема Z-индекса IE 6 и IE 7

Я исследую и предоставлю точные инструкции о том, как это исправить в IE7, если:

• Вы уверены, что заботитесь о IE7.
• Вам нужны точные инструкции.

Answer 2

Позиция absolute всех подменю одного над другим вызывает эту путаницу.Первое подменю «Садовая мебель» не перекрывает никакие другие подменю под ним, поэтому я думаю, что это единственное, что работает.

Попробуйте установить более высокие значения z-index для каждого подменю в .side_nav.Если вы не можете добавить классы для этого, вы можете сделать это с помощью jQuery.