Стиль списка в 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.

IE7 (и 6 тоже) отображает их в неровном стиле. Есть идеи?

Answer 1

Для IE вам нужно добавить display: inline; для тега li.

Итак:

* #navigation ul li { display: inline; } 

Answer 2

Вы хотите иметь float для элементов li, а не для элементов a. Вот обновленный CSS:

#navigation ul li {
    float: left;
}

#navigation ul li a {
    padding: 0px 15px 0px 15px;
    line-height: 32px;
    color: #dedede;
    font-weight: bold;
}