火狐浏览器的风格与导航栏的差异

Question

我在Chrome/Safari和Firefox之间有CSS样式问题。在Chrome和Safari中，隐藏下拉菜单的位置都正确，但在Firefox中，subnav菜单已关闭几个像素。在用这两种浏览器的检测工具调查问题后，Firefox似乎将#main_nav_bar ul比Chrome更宽10px。我遇到的问题是我不知道如何改变这一点，而不会弄乱导航栏的外观。

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

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

Answer 1

肯定会在里面加一个doctype。您还可以通过媒体查询将这些浏览器定位到该目标。

例Chrome和Safari的

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

这样，你就可以有针对性看到一个浏览器的其他具体问题。