IE 7＆8溢出：隱藏問題

Question

我正在處理項目的CSS。並遇到一些與IE瀏覽器溢出問題。這是測試網站：

http://eparking.bluesys2.ch/fr/parking/search.html?l=Fribourg&d=27.6.2010&t=

您可以滾動使用列表下的按鈕列表。 在Firefox，Safari瀏覽器和所有其他普通瀏覽器都可以正常工作。但在IE中，我無法使這個overflow: hidden;工作，它開始讓我瘋狂。該列表顯示總是顯示其全長，現在重要的是我嘗試。任何人都可以給我一個線索嗎？

這是列表容器的CSS：

div#listing { 
width: 204px; height: 364px; overflow: hidden; 
} 

，這是對象中：

div#listing ul li { 
    position: relative; 
    padding: 5px; 
    margin: 0 0 7px; 

    height: 54px; 

    background-image: -moz-linear-gradient(top, #f5f5f5, #ddd); 
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f5f5f5),color-stop(1, #ddd)); 
    border: 1px solid #ddd; 

    -webkit-border-radius: 5px; 
    -moz-border-radius: 5px; 
    border-radius: 5px; 

    -moz-box-shadow: 0 0 8px #ddd; 
    -webkit-box-shadow: 0 0 8px #ddd; 
    box-shadow: 0 0 8px #ddd; 
} 

事件，如果我設置包含LI與我的名單爲100px高度UL帶有隱藏溢出。他們出現了。

Answer 1

衆所周知的IE bug。這樣做：

div#listing { 
position: relative; 
width: 204px; height: 364px; overflow: hidden; 
} 

編輯：鏈接解釋在這裏：http://snook.ca/archives/html_and_css/position_relative_overflow_ie/