Проблема с выпадающим меню CSS

Question

Я уже 3 часа бьюсь головой о стену и догадываюсь, что происходит, тоже не работает. Может ли кто-нибудь помочь мне спасти мое ослабевающее здравомыслие?

По сути, в IE7 второй уровень в этом меню просто не остается открытым, когда вы пытаетесь навести на него курсор. Я пробовал z-index, контейнеры с положением: относительный набор, высота строк, границы, отступы ... все !! Что мне не хватает? ARgg !! Наверное, что-то очевидно, но мой усталый мозг только что сдался.

http://www.sah.org.au/devt/

Спасибо за вашу помощь!

Джон.

Answer 1

Это действительно расстраивает.

Единственное ( почти там) решение, которое я смог найти, это добавить background-color к #menu a.Вы можете изменить его на правильный цвет на :hover для разных ссылок.Или просто переместите его с li на a.

Странно, правда?Это очень помогает.

Я вполне уверен, что идеальное решение потребует (безобразно) изменений HTML или написания jQuery для того же (только для IE7).

Answer 2

На основании вашего комментария к коду, который говорит

/ * использование слева вместо дисплея, чтобы скрыть меню, потому что дисплей: нет не читается программами чтения с экрана * /

Я обнаружил, что вы не хотите, чтобы подменю читалось программой чтения с экрана. Я провел исследование и выяснил, что большинство программ чтения с экрана не читают элементы visibility:hidden. Я предлагаю вам удалить left:-999em и заменить его на visibility:hidden и dsiplay:none вместе.

Вот статья о средствах чтения с экрана: http://www.alistapart.com/articles/fir/