Firefox 3.5.3 горизонтальное выпадающее меню

Question

URL: www.htiops.com
CSS: www.htiops.com/css/htiOps.css

Последние две ссылки в серой горизонтальной навигационной панели вертикально опускаются в FF 3.5.3. Это не происходит в старых версиях FF, IE7, O8, Saf3.

Изменение шрифта в #navBar ul li a a с.8em на 10px устраняет проблему с выпадением, но не является желаемым видом меню.

Какие-нибудь мысли?

Answer 1

Проблема в том, что все элементы слишком широки для контейнера, и они упаковываются. У меня было то же самое в Wordpress недавно. Я сократил текст, и он работал нормально.

Одна вещь, которая работает - как взломать - это:

#navBar ul {
    margin: 0px;
    padding: 0px;
    color: #fff;
    float: left;
    font-weight: bold;
    display:block;
    width: 120%;          <-- from 100%
}

Возможно, вы можете поиграть с шириной и привести все это в соответствие, или сократить некоторые слова. (Я знаю, это взлом, и они мне не нравятся, но это быстро и выглядело нормально для меня:)