IE7：hasLayout + position：relative + filter = overflow：hidden

Question

场景：在IE7中...在悬停时使用渐变，弹出菜单划分。

听起来非常基本，但抛出那个位置：相对于容器，所以我可以准确定位菜单与filter / hasLayout组合冲突。

实施例： http://jsfiddle.net/WgZhH/2/

任何人都有优雅的CSS解决方案？我确信我可以将元素嵌套在另一个容器中以分离冲突的样式，但是我的手指交叉以获得纯粹的css解决方案。

谢谢！

Answer 1

添加另一个包装器怎么样？
像http://jsfiddle.net/abTmp/

一样

我已经在IE7（在VM上）上进行了测试，它运行正常。