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.

width:100px; /* or whatever */