Подменю не работает с IE 7

Question

http://jsbin.com/asafow/4/edit#preview

У меня есть это меню, и оно отлично работает в FF, IE8 / 9 Chrome. Но он не работает в IE7, когда я нахожу над «Другая работа».

Мне интересно, если кто-нибудь даст мне совет, как решить проблему.

Заранее спасибо.

Answer 1

Я решил свою проблему с этим:

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

Answer 2

Если вы проверите код, который вы написали css

#nav li:hover{
    background: #01291e url('http://www.cecilieokada.com/assets/images/cecilie/hover.png') no-repeat 50% 33px;
    line-height: 47px;
}

эта высота строки вызывает проблему при удалении строки-высоты: 47px; тогда он будет нормально работать в IE7. если вы хотите удалить его только для IE7, тогда вы можете использовать условный комментарий, как описано ниже:

http://www.paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/

Answer 3

Обычно подменю не работают в IE7 из-за CSS. Контейнер элемента должен иметь свойство:

z-index:10; /* while 10 is any number */

Я уже сталкивался с такой ошибкой и исправил ее с помощью css.