ie6,7中overflow:hidden的bug

如图, 最外层容器内滚动条控制的内容 hidden没生效

布局是这样的
最外层wapper:负责画圆角(上中下仨图片)
中间层scroll:负责画滚动条
内层content:画两棵jstree画的树

网上查了一下, 原因是:

1
ie6,7当父元素的直接子元素或者下级子元素的样式拥有position:relative属性时,父元素的overflow:hidden属性就会失效。

解决办法也简单:
父元素中设置样式position:relative;
也就是中间层scroll应该有hidden, 加个样式*position:relative;