IE6Bug，外层container设置了overflow:auto，但是内层嵌套元素有position:relative的时候，显示错误。

HTMl代码：

<div id="container">
<div id="a"></div>
<div id="b"></div>
</div>

CSS代码：

#container {
height:100px;
border:1px solid blue;
overflow:auto;
}
#a {
height:200px;
background-color:lightblue;
float:left;
width:60px;
}
#b {
position:relative;
height:200px;
background-color:pink;
width:60px;
}

IE显示结果：



其他浏览器：



注意，IE6下并没有出现本应该出现的滚动条。

经调查，这个是IE6的bug，解决办法是在外层设置了overflow：auto的容器上添加position:relative属性。

转自：开源中国社区-jing31，原文：IE6Bug，外层container设置了overflow:auto，但是内层嵌套元素有position:relative的时候，显示错误。