如何解決在IE兼容性/怪癖模式下的菜單

Question

我有一個Wordpress website使用Sterling主題構建，我遇到的問題是菜單垂直顯示，而不是在Internet Explorer中水平顯示。我在here之前詢問過它，並最終專注於未解決問題的jquery錯誤。

Here's a screenshot它是如何在IE9上顯示出來的。

從那時起我試着改變doctype來強制網站正常顯示，但我現在已經意識到，所有在工作的計算機都將IE9永久設置爲兼容模式，並改變這意味着要通過IT部門。

我不能準確地告訴我的公司該網站在您的計算機上看起來不正確，但在其他地方，我確實希望避免使用舊版本IE的用戶發生錯誤，因爲目標市場不是技術精明的人員，任何人都可以提供關於如何讓我的菜單在怪癖/兼容模式下正常工作的建議？

我不在乎網站的其他方面是不是完美的，但它實際上無法使用這樣的菜單。我基本上只需要它水平顯示而不是垂直顯示，我假設它以某種方式與CSS相關。

編輯：添加我的CSS

在樣式表的原始代碼是這樣

nav > ul > li { 
display:inline-block; 
position:relative; 
} 

nav > ul > li+li { 
margin-left:28px; 
} 

然後我在主題的網站選擇部分定製稍微（基本上意味着我的變化不會當我更新主題時會被覆蓋）並且我的定製是：

nav > ul > li+li { 
font-size:14px; 
margin-left:10px 
} 

我認爲它與display：inline-block;但我沒有試過似乎使菜單再次水平。

Answer 1

你用過那些CSS屬性？你應該做點像

#menu li { 
    display: block; 
    float: left; 
    width: 200px; 
    height: 40px; 
} 

#menu { 
    overflow: hidden; 
}