ie7中的列表样式不起作用

Question

我有一个像这样的简单设置..

ul { list-style: none; }

    #navigation ul li a {
    padding: 0px 15px 0px 15px;
    line-height: 32px;
    float: left;
    color: #dedede;
    font-weight: bold;
}

然后是一个清单。

<div id="navigation">
   <ul>
      <li><a href="#">etc</a></li>
      <li><a href="#">etc</a></li>
      <li><a href="#">etc</a></li>
      <li><a href="#">etc</a></li>
      <li><a href="#">etc</a></li>
   </ul>
</div>

意图？列表项应并排呈现在一条直线上。 FireFox，IE8，Chrome和Opera中的Hunky dory。

IE7（以及6）也以锯齿状的阶梯式显示它们。有什么想法吗？

Answer 1

对于IE，您需要为li标记添加display: inline;。

所以：

* #navigation ul li { display: inline; } 

Answer 2

您希望在float元素上使用li，而不是a元素。这是更新的CSS：

#navigation ul li {
    float: left;
}

#navigation ul li a {
    padding: 0px 15px 0px 15px;
    line-height: 32px;
    color: #dedede;
    font-weight: bold;
}