我最近帮我一朋友做了一个企业网站，用了CSS版的二级导航之后，发现IE7出现一个问题，当鼠标放上去，二级导航跑到下面的DIV后面去了，IE8及其以上版本正常。后来我百度了一下，找到了解决方法，说是什么IE7下Z-index跟DOM的问题，反正我也不懂，不过很容易解决。二级导航是需要position:relative和position:absolute两个属性的DIV决定的，所以在position:relative所在的DIV上加上z-index:9999;就搞定了！
但是在我的公司网站上又出现一种情况，也是在IE7下，当鼠标经过产品的时候，扩展的部分还是躲在下面的产品后面，并且用上面的方法也不行。。。气煞我也！
后来用JQ+css的方法搞定了此BUG：

就OK了。。
如果出现inline-block的bug，可以在元素样式最后加 "zoom:1; *display: inline; _height: 30px;"高度根据需要自己设定。
此方法转自http://www.douban.com/note/68682691/