更正css，使元素在IE和FF中正确呈现

从周五开始，我就一直试图自己解决这个问题，但我似乎没有任何运气。希望通过以下细节，这里有人能帮助我朝着正确的方向前进

有问题的地点是

问题区域：顶部导航菜单

如果查看chrome中的菜单，第二个菜单的显示方式如下：

这就是菜单的外观

在IE和FF中，这是菜单的外观，这是不正确的：

现在，我知道可以通过在以下样式表中显式指定宽度来解决此问题： 我可以改变这一点：

#megaMenu ul li#menu-item-225 {
  position:relative !important;
}
#megaMenu ul li#menu-item-225 ul.sub-menu-1 {
    max-width: none !important;
}

为此：

#megaMenu ul li#menu-item-225 {
  position:relative !important;
}
#megaMenu ul li#menu-item-225 ul.sub-menu-1 {
    max-width: none !important;
    width:400px;
    width: 420px\9;
}

（宽度：420px\9；是IE9黑客）

---

虽然这是可行的，但我想知道为什么我必须指定单独的宽度，而在Chrome中，这是没有问题的，而且我在CSS中的任何地方都没有指定最大宽度。我不想承认这一点，但除非使用上面详述的黑客，这个问题已经击败了我！我很确定我不是做错了什么，就是错过了一些琐碎的事情。无论哪种方式，我都希望能够找到问题的根源并将其抛在脑后。

不确定这是否有帮助，但您的宽度行为受

关于这个主题还有更多的内容：，所以指定
width
或
minwidth
是个不错的选择。
哇，这么简单的菜单真是一团糟。我没有时间找到解决方案，但我希望这会有所帮助：使用basic.css时，导航会中断，但下拉菜单是垂直的，因此可能需要调整basic css。（我相信你提到的自定义css中的下拉列表宽度令人恼火。我能做的最多）