меню навигации css стилизация подменю пробелы в ie7

Question

У меня есть меню навигации, сгенерированное Wordpress, что означает, что у меня почти нет контроля над тем, как он выводится.

Я использовал css для стилизации его так, как я хочу, с помощью подменю при наведении, но оновыглядит в IE7.У него нет проблем в других браузерах.

Главное меню может показаться отключенным даже в браузерах, которые работают, потому что я использую @fontface на своем веб-сайте, но не включен в jsFiddle.Основная проблема - это пробелы между пунктами подменю.

Я попытался выровнять подменю по вертикали li и a, но это либо ухудшило его, либо не устранило проблему.

Я повторил проблему здесь: [ссылка удалена]

---

Если я добавлю

#menu-header .sub-menu a { height: 100%; }

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

Answer 1

Вы можете попробовать следующее:

#menu-header .sub-menu a { zoom: 1; }

Это устранит пробел, но элементы будут иметь такую ​​же ширину, что и внутреннее содержимое.

У меня была такая же проблема некоторое время назад,Я создал контейнер div внутри li.чтобы более длинный текст можно было переносить и устанавливать статическую ширину.Вы даже можете использовать jQuery для динамической настройки ширины каждого раскрывающегося списка, но это совсем другая история.

Несколько ссылок:

http://work.arounds.org/issue/20/removing-gaps-between-list-items-containing-anchor/

http://www.456bereastreet.com/archive/200610/closing_the_gap_between_list_items_in_ie/

http://www.belafontecode.com/3-ways-to-get-rid-of-spaces-in-list-item-navigation-in-ie6/