Растяжение LI и содержимого

Question

Пожалуйста, рассмотрите этот сайт .

У меня проблемы с растяжением элементов списка подменю в IE7. Обратите внимание, что при наведении курсора на один из LI в разделе «Рестораны» зеленый цвет не заполняет всю строку. Я пробовал {width: 100%}, но это не помогло.

Есть идеи, почему это нормально в Firefox, но не в IE? И как это исправить?

Спасибо.

ОБНОВЛЕНИЕ : Я могу заставить его выглядеть правильно, если явно указать ширину (например, 51px), но я определенно не хочу делать это в макете, который должен поддерживать динамический контент .

Answer 1

Я понял, что моя проблема - dropMenuParent, у которого установлен цвет фона. Как только я удалил это (потому что это было совершенно ненужно), вокруг зеленого больше не появлялся черный (цвет выбранного элемента). Глупая ошибка.

Answer 2

Вы пытались передать свойство hasLayout проблемным li или ul? Попробуйте добавить к ним { zoom: 1; }.

Answer 3

удалить padding-left и padding-right из .nav A (includes / styles / styles.css) или сделать его более точным, или добавить padding: 0; на ваш селектор ".nav .dropMenu a".