IE6 CSS列表作为水平导航

Question

Here is my 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;
}

When viewing this in IE6 the list items are 100% in width, where as I need them to be as wide as the text they contain plus the padding.

Any ideas?

Answer 1

.links li {
    display:inline;
}

.

Answer 2

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

width:100px; /* or whatever */