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 的 UL 设置为 100px 高度并隐藏溢出，则事件。他们出现了。

Answer 1

众所周知的 IE 错误。这样做：

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

编辑：此处解释的链接：http://snook.ca/archives/html_and_css/position_relative_overflow_ie/