CSS Выпадающая проблема с IE 7

Question

Я недавно построил этот сайт с помощью WordPress и, как представляется, некоторые проблемы выравнивания с Internet Explorer 7.

В основном они appaering около 20 или около того пикселя вправо и спрашивают, какой способ чтобы исправить это? Это уже немного озадачило меня, и я чувствую, что у меня постепенно заканчивается идея.

Вот ссылка:

http://alleanza.co.uk

Требуется ли скриншот? Если так, я сегодня отправлю сообщение от клиента позже, но это только IE 7 !?

РНР и Html Структура я для списка заключается в следующем:

<ul id="nav" class="clearfloat"> 
<li style="padding:10px 10px 0px 10px; height:20px; display:block;"><a href="http://www.alleanza.co.uk">Alleanza</a></li> 
<div id="navoption"><ul><?php wp_list_pages('title_li='); ?></li></ul></div> 
</ul> 

Это правильной структуры? Вся помощь ценится ..

Answer 1

Вы гнездящихся в DIV внутри вашего пункта меню верхнего уровня ul и что, вероятно, что нарушает ваш дизайн в IE7, удивил даже работает в других браузерах:

<ul class="clearfloat" id="nav"> 
    <li>Alleanza</li> 
    <div id="navoption"> <ul> ... </ul> </div> 
</ul> 

Элементы списка должны быть вложены в список вашего меню.

Так обернуть, что DIV внутри элемента списка, и он должен работать:

<ul id="nav" class="clearfloat"> 
    <li style="padding:10px 10px 0px 10px; height:20px; display:block;"><a href="http://www.alleanza.co.uk">Alleanza</a></li> 
    <li><div id="navoption"><ul><?php wp_list_pages('title_li='); ?></li></ul></div></li> 
</ul> 

Примечание: Замечено, что вы используете WordPress, вы можете создать что «Альянза» ссылку прямо в меню в " пользовательская ссылка вариант», поэтому вам не нужно жёстко его в

Документация:. http://codex.wordpress.org/Appearance_Menus_Screen