css - 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; }