IE7 и IE6 создают проблемы с навигацией, используя неупорядоченный список (дополнительный интервал и т. Д.)

Question

Эй, ребята! Я чувствую, что недавно я хорошо разбирался в IE6 и 7, но сегодня я работал над сайтом, и мне просто не удалось решить эту проблему.

http://arboroaks.bythepixel.com/tyrone/

Проверьте это в Firefox, Chrome и IE8. Все выглядит хорошо! Но затем перейдите в IE7 и добавьте некоторые дополнительные отступы, а также нажмите ссылки на текст, чтобы он работал.

Затем откройте в IE6 еще больше проблем.

Если у кого-то есть несколько указателей, это было бы замечательно; Я дергаю себя за волосы!

** Обновление ** Я думаю, что это связано только с существованием «line-height: 1.4em;» на Нет установленной высоты для a.

пс. Я знаю, что люди скажут FU IE6; никто больше не разрабатывает это ... но, к сожалению, мои клиенты хотят, чтобы это работало для 10% пользователей.

Answer 1

Похоже, вы испытываете ошибку двойного заполнения IE. Попробуйте установить для каждого элемента подменю значение display: inline-block.

Answer 2

К сожалению, у меня нет IE7 для тестирования, но вы пытались поиграть с атрибутами padding и margin элемента li?

Я обычно сбрасываю стили всех интервалов полей отступов и т.д.0 и добавьте некоторые правила стиля, которые необходимы