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 List Apart找到。

Answer 2

top-margin不是CSS属性。你正在寻找margin-top

变化：

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

要：

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

Answer 3

错误......如果这是一个愚蠢的问题，那么这应该是不是最重要的？

也许您应该考虑自定义精心设计的reset.css（或此one）文件供您使用？

Answer 4

你是对的。但是，margin-top并没有解决问题

我使用Eric Meyer的reset.css，它与960gs捆绑在一起，用于设计原型。