CSS下拉問題7

Question

我最近通過的wordpress建這個網站，並似乎有與Internet Explorer中的某些對齊問題7.

他們基本上appaering約20個左右像素的右邊，想知道有什麼辦法解決這個問題？這讓我難住了一段時間，我覺得我正在慢慢地走出想法。

這裏是鏈接：

http://alleanza.co.uk

是截圖需要的？如果是這樣我可以晚上晚些時候從客戶端發佈一個，但它只是IE 7！？

的PHP和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

你嵌套頂層ul菜單項中的一個div那大概是什麼破壞了你的設計在IE7，驚訝甚至工作在其他瀏覽器：

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

列表項必須嵌套在您的菜單列表中。

所以包裝該分區列表項裏面，它應該工作：

<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的，你其實可以在子菜單中的「對創建「Alleanza」鏈接自定義鏈接」選項，這樣你就不必硬編碼在

文檔：http://codex.wordpress.org/Appearance_Menus_Screen