css - IE7：hasLayout + 位置：相对 + 过滤器 = 溢出：隐藏

Question

场景：在 IE7 中...带有渐变的 Div，悬停时弹出菜单。

听起来很基本，但是将那个位置：相对于容器上，这样我就可以准确地定位菜单与 filter/hasLayout 组合的冲突。

示例：http: //jsfiddle.net/WgZhH/2/

有人有优雅的 CSS 解决方案吗？我确信我可以将元素嵌套在另一个容器中以分隔冲突的样式，但我希望得到一个纯 CSS 解决方案。

谢谢！

Answer 1

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

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