Firefox样式与导航栏的差异

Question

我在Chrome / Safari和Firefox之间存在CSS样式问题。在Chrome和Safari中，隐藏的下拉列表已正确定位，但在Firefox中，子窗口菜单会偏离几个像素。在使用两种浏览器的检查工具查看问题后，似乎Firefox正在使#main_nav_bar比Chrome更宽10px。我遇到的问题是，我不知道如何改变这一点，同时不会弄乱导航栏的外观。

链接为http://www.tamidgroup.org。

非常感谢任何有关修复的建议。

Answer 1

在那里肯定添加doctype。您还可以使用媒体查询定位这些浏览器。

chrome and safari的示例

@media screen and (-webkit-min-device-pixel-ratio:0){
   //add your browser specific code here
}

通过这种方式，您可以将从一个浏览器看到的特定问题定位到另一个浏览器。