IE 7 CSS проблема с обнаружением наведения мыши на div

Question

У меня есть div внутри li как часть верхней навигации по сайту.

У меня проблемы с IE 7, имеющим "дыры" в коробке, так что выпадающий список исчезает, когда пользователь все еще находится в выпадающем списке.

Я начал с чистого решения CSS (li: hover), и оно прекрасно работает во всех браузерах, кроме IE 7. Поэтому я добавил решение jQuery / javascript для определения, когда мышь входит и выходит из nav li, а затем добавить класс, чтобы показать раскрывающийся список. Это работает лучше, но если указатель мыши находится не над изображением, p, h3 или тегом, то он не думает, что я перехожу на div, который является раскрывающимся списком. Очень расстраивает.

Я могу опубликовать тестовый код, но проблему можно посмотреть здесь: http://davincidays.org/

У кого-нибудь есть идеи? Я уже давно работаю над этим, и мне нужны свежие вещи, чтобы попробовать.

Answer 1

ОК, я обнаружил еще одну похожую проблему с переполнением стека: IE7 зависает при потере div при касании дочернего элемента этого div

Цвет фона был решением. Я добавил цвет BG к своим внутренним элементам, и вуаля! это сработало.

Answer 2

Если вы не используете строгий тип документа, известно, что он вызывает проблемы с псевдоклассом: hover в IE7. Попробуйте изменить его на строгий 1.0, чтобы IE не переходил в режим причуд, и посмотрите, поможет ли это вам.

Я потратил много потраченных часов на эту же проблему:)