Меню CSS в IE7 / 8

Question

У меня проблемы с системой выпадающего меню в IE7 и 8.

Он работает безупречно в Chrome и FF, однако в IE7 и 8 по какой-то причине не применяет некоторые стили и в конечном итоге оказывается в браузере не на своем месте.

Вы можете посмотреть его здесь:

http://www.gardensandhomesdirect.co.uk/menutest

Как уже говорилось, он отлично работает в Chrome, однако я изо всех сил пытаюсь заставить его работать должным образом, или даже лучше в IE7.

Любая помощь приветствуется !!

Answer 1

Вам необходимо установить явную ширину на .side_nav ul li:

.side_nav ul li {
    float: left;
    position: relative;
    width: 173px;
    display: block;
    text-align: left;
    clear: both;
}

. Для дополнительной защиты вы можете добавить свойства clear: both и text-align: left (как показано в примере выше)..

Answer 2

Попробуйте добавить

display: block;

к вашему

.side_nav ul li