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/