Проблема с отображением меню (ТЕСТ)

ссылка - вот сайт. Левое радужное меняю в некоторых браузерах (Мозила 9 один из них) криво отображается. Я делала как фоновую подложку под HTML сслыки. Помогите протестировать в каких браузерах еще меню УЕХАЛО.

Если косяки выползают в таких браузерах как Мозила и Хром/Сафари, это верный знак, что надо в корне переделывать, а не латать костылями.
Да и без этого,такой подход не очень правильный. Семантикой не пахнет...

nikerina, косяк возникает из-за высоты строки заданной в em, браузер вычисляет высоту строки и получается значение 20.4833, высота цветных линий - 23 px, а расстояние между ними 5 px. Поменяйте свойства у <p></p> на такие

p {

    height: 23px;

    line-height: 23px;

    margin: 5px 0;

}

и все выровняется. Но floppox права - семантикой не пахнет. Да и делать общий фон для всех пунктов это неправильно, что в итоге и было продемонстрировано.

Да лучше сделаю по-другому. Новая Джумла предложила такой вариант- я попробовала. У меня в Хроме-все прекрасно)

Хром, Опера 12.02, Сафари - нормально
FF - нижние пункты меню "вылезли"
IE8 - верстка развалилась (ссылка), пункты меню вылезли
IE7 - верстка развалилась (ссылка)

Меню нужно делать через списки ul li