IE6下设置了z-index层还不能置顶问题

几天有个同行问我一个兼容性问题，顺便与大家共享一下

层代码如下：

 <div id="ad_top"></div>
      <div id="topstory"></div>

 

样式代码如下：

 

.ad_top {
z-index:999;
……
……
}
.topstory {
z-index:-999;
float:left;
……
……
}

因为.topstory有浮动属性，使z-index在这种情况下失效，解决方法就是去掉浮动