IE 7 position:relative bug

今天做项目遇到IE position:relative bug,找到一篇文章，随便翻译下，说明情况

<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:60x;
   }

表现如下图，粉红色背景元素出现了溢出，不受容器的overflow：hidden控制。

解决方法是给设置position:relative元素的容器也设置一个position:relative属性。