IE为每个li元素添加额外的上边距

我目前正在我正在开发的网站上进行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风格的插件,这样可以更容易地解决这些问题.

有关可能导致此问题的原因的任何想法？

要获得您寻找的行为,请尝试"display:inline"而不是"float:left".添加两个:

ul #mainnav {display:inline}

ul #mainnav li {display:inline}

可以在A List Apart上找到有关自定义列表信息的绝佳资源.