IE добавляет дополнительный верхний край к каждому элементу li

Question

В настоящее время я делаю IE-хаки на сайте, над которым я работаю: http://www.timkjaerlange.com/wip/co2penhagen/

У меня проблема с этим неупорядоченным списком. IE, кажется, добавляет дополнительное верхнее поле для каждого li-элемента, делая мою навигацию похожей на лестничный марш: http://dl.getdropbox.com/u/228089/ie-prob.jpg

Я использую условные комментарии для таргетинга IE. Я попробовал:

ul#mainnav li { top-margin: 0;}

Но это ничего не делает. Хотелось бы, чтобы в IE был плагин в стиле Firebug, который бы упростил решение подобных проблем.

Любые идеи относительно того, что может быть причиной этой проблемы?

Answer 1

Чтобы получить поведение, которое вы ищете, попробуйте «display: inline» вместо «float: left». Добавьте оба:

ul # mainnav {display: inline}

ul # mainnav li {display: inline}

Большой ресурс для информации о настройке списков можно найти в A Apart Apart .

Answer 2

top-margin не является атрибутом CSS. Вы ищете наценку

Изменение:

ul#mainnav li { top-margin: 0;}

Кому:

ul#mainnav li { margin-top: 0;}

Answer 3

ошибаться ... извините, если это глупый вопрос, но разве это не должно быть на полях?

Может быть, вам стоит подумать о том, чтобы настроить хорошо разработанный reset.css (или этот один ) файл для вашего использования?

Answer 4

Ты прав. Однако маржинальная вершина не решает проблему

Я использую reset.css Эрика Мейера, он в комплекте с 960gs, который я использую для прототипирования дизайна.