IE Bug position:relative 后 overflow:hidden失效

#parent{width:500px; border:1px solid #f00; overflow:auto; }
#child{width:1000px; background:#999;  position:relative;}
<div id="parent">
<div id="child">IE BUG测试</div>
</div>
我们在IE 内发现子元素会超出父元素设定的高度，即使父元素设置了overflow:hidden。
解决这个bug很简单，在父元素中使用position:relative;即可解决该bug。
#parent{width:500px; border:1px solid #f00; overflow:auto; position:relative;}
#child{width:1000px; background:#999;}