ie6的absolute元素width百分比设置的问题

<div style=”width:700px;height:700px;background:#00CC99″>

 <div style=”background:#330066;width:500px;height:500px;”>

 <div style=”float:left;background:#FF3366;”>

 <div style=”width:300px;height:300px;”></div>

 <div style=”width:100%;height:100%;background:red;position:absolute;left:0;top:0;”></div>

 </div>

 </div>

 </div>

在非ie6的浏览器中都是满屏幕的红， 说明非ie6的浏览器的width和height的百分比，都是相对的上个相对定位或者决定定位的元素，没有就为html元素

而，ie6中的width和height 的百分比，相对的是上个有高宽显示设置的元素，而且height的百分比设置失效，所以上述代码在ie6中就出现宽度穿越了他的父元素而遇见width:500px;的元素的时候，边把自己设置成了width:500px;而height的设置则失效，，， 这个， 让人很蛋疼！ie6，真的该早点走了！