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/