IE6、IE7浮动层被下面的动挡住的问题

先看两张对比图：

无浮动层的时候的状态：

 

有浮动层的时候，IE8、firefox等下的状态：

 

有浮动层的时候，IE6、IE7的状态：

 

看看IE8、firefox里正常的情况下的HTML和CSS，不管需要被挡住的层

父级：.lip{float:left;height:39px;position:relative;}   //只是一部份

浮动：.float{position:absolute;background-color:#fff;z-index:90;}   //只是一部份

这里在.float里定义了z-index:90;在IE8及firefox等浏览器里就可以正常显示了，但在IE6、7里却不行。这时候在父级.lip里也同样加一个z-index比浮动的低就可以了。

 父级：.lip{float:left;height:39px;position:relative;z-index:10;}   //只是一部份