带圆角的 IE6 收缩包装

Question

在 FF 和 IE8 中看起来不错。我有一个我试图在底部用圆角创建的下拉菜单的模型：www.geowinedb.org/drop-down-test/test.html。在 IE6 中，mega div 延伸到窗口的最左边缘。我需要更改/添加什么（例如下划线黑客）以使下拉菜单收缩包装其内容（ul）。

附言我会回来询问阻止下拉菜单的z-index 问题（再次是 IE6），但如果有人也想回答这个问题，我们将不胜感激。

EDIT 20091107：更多细节要求：它必须在 IE6+ 中工作，并且下拉菜单不能是固定宽度。客户希望能够随意更改菜单项文本并自动设置下拉菜单大小。

编辑 20091111：我从来没有找到一个很好的解决方案。菜单以及悬停更改的其他一些要求意味着 JavaScript 是必要的。所以，我发现我可以将每个主菜单项定位到绝对位置，然后将每个子菜单定位到div 绝对位置（这解决了z-index 问题），最后我从底层ul 计算宽度并设置外部div 宽度。然后圆角在我需要的所有浏览器上正确定位。

Answer 1

为您的 UL 使用固定宽度是否很麻烦（也可能是 UL.mega-b）？因为这样你肯定会避免这个问题。

您的 UL 中的display:block 也可能是导致此问题的原因。