IE6 CSS List作为水平导航

Question

这是我的HTML：

<ul class="links">
        <li>
          <a href="">Home</a>
        </li>
    <li>
      <a href="google.com">Google</a>
        </li>                   
</ul>

CSS：

ul.links {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
.links li {
    float: left;
    margin: 8px 4px -2px;
}

在IE6中查看时，列表项的宽度为100％，因为我需要它们与它们包含的文本一样宽，加上填充。

有什么想法吗？

Answer 1

.links li {
    display:inline;
}

Answer 2

浮动元素时，必须应用宽度属性。

width:100px; /* or whatever */