IE7 CSS彈出式菜單怪異

Question

我被要求爲一個預先存在的網站設計一個彈出式菜單，它在除IE7以外的所有瀏覽器上看起來和行爲都很好。出於某種原因，不同版本的IE7行爲有所不同。我一直在爭奪正確使用這個過去兩天與IE v7.0.5730.11測試後，菜單看起來不錯，位置，但奇怪的消失行爲。具有其他次要版本的IE7的用戶報告了定位和呈現方面的不一致問題。

你樣的人能夠幫助我發現本網站有問題的CSS/HTML？

Answer 1

我想我會回答我自己的問題。我是用菜單面臨的主要問題是，<li>要素沒有在IE7佈局（hasLayout的=假），所以用的this site的幫助下，我不得不使用：

ul#mainmenu li ul li, 
ul#mainmenu li ul li span { 
    display: block; 
    max-width: 100%; 
} 

給這些項目佈局。這在列表項目之間創建了1px的差距。當鼠標懸停在該1px的差距，菜單會dissapear，所以我固定，通過使用下面的CSS：

ul#mainmenu li ul li { 
    margin-bottom: -1px; 
} 

希望這可以幫助別人。