css - IE6 中的下拉菜单插入宽度过大，无法下拉

Question

我有一个 CSS 下拉菜单，它在 IE7、FF、Safari 和 Opera 中运行良好(在 PC 上，尚未能够在 Mac 上测试)。

不幸的是，在 IE6 中——我在这个元素中的客户都在使用，呃——菜单拉伸(stretch)得太宽，覆盖了网站标志。此外，所有下拉菜单均无效。

在某种程度上，我可以忍受在 IE6 中无法使用的下拉菜单，但我无法让菜单覆盖 Logo 。

http://preview.sgwl.net/

该站点使用了 http://wordpress.org/extend/plugins/wordpress-css-drop-down-menu/ 的修改版本.我不得不修改它以使顶级元素不是固定宽度的，这可能是 IE6 搞砸的原因。我试过使用 _width:1px; _溢出:隐藏；以及一系列其他 IE6 黑客攻击，但没有任何效果。

让菜单在现在可用的浏览器中工作需要做一些工作，因此依赖 IE6 特定样式而不是从上到下重新编码的答案将是非常棒的!谢谢!

Answer 1

在 custom.css 的第 276 行

/* a hack so that IE5.5 faulty box model is corrected */
* html .custom .menu a, * html .custom .menu a:visited {
    width:149px; 
    w\idth:138px;
}

• html 也会影响 IE6。如果删除整段代码，菜单将在 IE6 中正确格式化。