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的时候，显示错误。