<div id="11" style=" position:relative;width:100px; height:40px; background-color:#CCC; ">1212
    <div id="22" style="position:absolute; width:300px; height:300px; background-color:#3CF; top:20px; left:20px;"></div>
</div>

<div id="33" style=" position:relative;width:100px; height:40px; background-color:#F00; "></div>


22是当鼠标经过11时弹出浮动来的层，现在就是不知用什么办法33不挡住22？？？？

前提：11 和 33 都是用同一个 class 样式的。

有解决方法吗？   


已经问过很多人都不行，呜呜，希望大家能帮帮忙。

说明一下：
1.那id 是没有用的。只是说明给大家知道我是想说那个层而以
2,11 和 33 都是用同一个 class 样式的。看到楼上的回复，11 和 33 里的style已经不同了。这样不行。


就是这里出问题。。 。firefox和IE8谷歌浏览器是可以的，其它IE的都不行。。。



代码如下：

效果一样，用不同的方法也可以的。呵呵，。本人水平有限，就是不知如何解决。。。就指点指点吗？



谢谢

你的代码都是写上 z-index ，但这样不太符合我的用的代码哦。。不好意思。。我不太懂。。。。请帮帮忙。。