我花了 3 天时间试图解决这个问题，但无法提出可行的解决方案。
我甚至尝试使用JavaScript来加载为每个浏览器量身定制的样式表，但即使这样也没有用。
我的问题是我的水平菜单 （http://mydomainsample.com/fire_rebuild） 在 Chrome 上显示得很好，但是当我在 Safari 或 Firefox 中加载时，子菜单远远偏离了位置。 奇怪的是，IE（9） 比其他两个更接近正确，但即使这样也不完全正确。
我玩过样式表试图弄清楚它，但是当我在FFF，Safari或IE中正确使用它时，它在Chrome中搞砸了。
我似乎找不到适用于所有浏览器的解决方案。
有人可以帮我找到解决方案吗？我尝试使用不同的菜单，但这个看起来最好，我使用的任何垂直下降都会在菜单和幻灯片之间给我带来 Z 索引问题，我似乎无法修复。
我不认为 src 是链接标签的可选属性。将其替换为像前两个一样的 href。当我在Firefox中查看页面时，我没有看到上面的两个文件正在导入。
这些链接标签中文件的顺序也非常重要。
href="样式表/重置.css"
href="stylesheets/coda-slider-2.0.css"
我不知道你是否已经拥有它们，但 Firefox 和 chrome 有 firebug 和 Web 开发人员插件，让生活更轻松。
jQuery 已更新到 v1.7.2;我会更新你所有的插件，看看是否有帮助。
首先，删除您应用的所有 JavaScript 以匹配不同的浏览器。然后删除width:750px;并按样式left: 548px;.css第 83 行（ul#nav li：hover> ul）
希望这将解决您的问题
此外，您的页面宽度为1220px。坚持使用960px宽度，以便与小屏幕尺寸兼容。