子元素设置相对定位，父元素的overflow失效

1、bug描述：当子元素设置相对定位时（relative），父元素的overflow（设为auto或hidden）无效，在IE6、7下看到的还是会有溢出

2、出现问题的IE版本：IE6、IE7

3、示例：举个简单的例子

  CSS部分：

 .outer{
            width: 200px;
            height: 200px;
            overflow: hidden;
        }
        .inner{
            width: 300px;
            height: 300px;
            position: relative;
            background-color: #ffe17e;
        }

       HTML部分：

   <div class="outer">
        <div class="inner">inner</div>
    </div>

这样的话在IE6、7下看到的inner部分是overflow的。

4、解决方法：

将父元素（这里对应的是outer）的position设为relative，即

.outer{
            width: 200px;
            height: 200px;
            overflow: hidden;
            position: relative;
        }