выравнивание текста для элемента блока отображения не работает в ie5,6,7

Question

У меня есть простой список меню ...

---

<ul>
  <li><a href="#">Մեր Մասին</a></li>
  <li><a href="#">Դասընթացներ</a></li>
  <li><a href="#">Գրանցվելու կարգը</a></li>
  <li><a href="#">Հետադարձ կապ</a></li>
</ul>

и CSS:

#menus a
{
    margin: 0;
    padding: 3px 0 0 0;
    color: white;
    font-size: 15px;
    display: block;
    width: 160px;
    text-decoration: none;
    text-align: center;
}
#menus ul
{
    margin: 0 0 0 119px;
    list-style: outside none;
}
#menus ul li
{
    float: left;
}

но в ie5,6,7 text align = "center" не работает.

есть идеи?

(я также пытался установить поле авто для элемента, но он тоже не работает)

Спасибо

Answer 1

В #menus a обязательно добавьте display: block;, иначе выравнивание текста не будет работать. Вот пример:

#menus a {
  display: block;
  text-align: center;
}

Нажмите здесь для демонстрации JS Fiddle.