IE6的overflow 失灵？

IE6的overflow 失效？？
<div style="margin:20px auto 0 auto; width:50px; height:50px; background-color:Red; overflow-x:visible; overflow-y:visible;position:relative">
       <div style="margin:0 auto; width:30px; height:80px; background-color:purple;position:relative">
</div>

        </div>

正方形里面包含一个矩形，高度溢出，只有IE6中，正方形的高度被拉长了。。。
为什么，如何解决？
[解决办法]
你都没加overflow：hidden；给最外面的div加上就ok了