CSS-меню "Son of Suckerfish" - подменю не закрываются в IE7

Question

Несмотря на мои самые убедительные вопли об обратном, я недавно был вынужден внедрить горизонтальную выпадающую навигационную систему, поэтому я выбрал самую дружелюбную, какую только мог найти - Сын Сукерфиш .

Я тестировал в различных браузерах на моей машине, и все оказалось в порядке. Тем не менее, некоторые (но не все!) Пользователи IE7 испытывают проблему, когда подменю не закрываются после их перемещения. Самое неприятное, что затронутые пользователи используют ту версию IE7, которой я являюсь (7.0.5730.13), с теми же настройками конфиденциальности и безопасности (я даже заставлял их отправлять скриншоты вкладок в окне «Свойства обозревателя») в одной и той же ОС. (XP). Я не могу проверить, влияет ли Vista или нет.

Очевидно, что попытка отладки этой проблемы - это кошмар, так как я не могу ее воспроизвести, поэтому мне интересно, может ли кто-нибудь здесь знать и как ее решить. Я настроил пример страницы здесь:

http://x01.co.uk/menu_test/

Кроме того, при переворачивании подэлементов возникает раздражающее мерцание, которое я также пытался решить безуспешно, поэтому любая помощь в этом также приветствуется.

Answer 1

Эта проблема возникает в IE7, когда фокус фокусируется на другой части страницы (т. Е. Когда вы щелкаете где-то, а затем наводите курсор мыши на меню). Кажется, проблема с псевдоклассом: hover.

Добавление триггера hasLayout к стилю: hover должно решить проблему.

#nav li:hover {
  position: static;
}

Есть и другие решения. Здесь есть отличная статья о проблеме:

Липкие сыновья сосунков

Answer 2

Для тестирования, почему бы не загрузить образ Vista IE7 VPC с MS?

http://www.microsoft.com/downloads/details.aspx?FamilyId=21EABB90-958F-4B64-B5F1-73D0A413C8EF

Не уверен насчет ошибки, хотя. Помните, что у меня были похожие проблемы, потому что вам нужен JS. Постараюсь выяснить