IE浏览器中overflow:hidden无效，内层元素超出外层div的解决方法

原文地址：http://www.xin126.cn/show.asp?id=2624

在用css布局的时候，用IE浏览器(ie6、ie7、ie8)预览，有时候会出现内层元素（内部DIV、图片等）超出外层div的现象，中国网页设计站长找到解决方法，希望对遇到类似问题的设计师有所帮助：

页面布局错乱产生原因：

当父元素的内部元素（直接子元素或者下级子元素）的样式拥有position:relative属性时，父元素的overflow:hidden属性会失效，出现子元素会超出父元素设定的高度的情况。

解决办法：

解决这个bug很简单，在外层div上面加上position:relative就解决了。