與CSS菜單中的IE問題

我在CSS菜單中遇到了一個奇怪的問題。與CSS菜單中的IE問題

有一個<li>有一個文本和一個<ul>（絕對位置）和<li>裏面。

在Mozilla Firefox中，子<ul>呈現所需位置（請參見下圖）。

在IE中，文本強制子<ul>前進。有任何想法嗎？

在此先感謝！

li { 
float:left; 
width:auto; 
} 
li ul { 
left:-999em; 
margin-left:0; 
margin-top:5px; 
padding:0; 
position:absolute; 
width:150px; 
} 
li:hover { 
left:auto 
}

alt text

來源

2010-09-28 foxtrot

請提供css – 2010-09-28 20:01:58

我看不到您的圖片。你可以輸入HTML和CSS嗎？ – hyprsleepy 2010-09-28 20:03:20

Sarfraz，感謝您的快速答覆。我已經試過你的建議，並沒有工作，然後過了些日子我我發現它是一個最近用ANSI編寫的文件。我有所有的文件UTF-8和解決問題的方法，用Notepad ++將ANSI文件轉換爲UTF-8。謝謝。

來源

2010-10-01 09:10:58 foxtrot

有三個建議，在我的腦海裏來了。您可以使用Eric Meyer's reset css。
2 - 你可以去尋找ie7.js，並讓IE看起來像標準兼容的瀏覽器。
3 - 不推薦的方法是使用IE6破解這樣的：

* html ul li{ 
    /* your styles */ 
}

來源

2010-09-28 19:59:35 Sarfraz

與CSS菜單中的IE問題

回答

相關問題