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,您需要display: inline;为li标签添加.

所以:

* #navigation ul li { display: inline; }