Firefox css混乱

Question

我正在使用chrome设置页面样式，当我在firefox中测试时，样式与我的意图略有不同，所以我四处搜索并希望找到解决方案。我找到了@-moz-document url-prefix()。所以我将与main.css完全相同的代码复制到我的标题中：

<style type="text/css/>
    @-moz-document url-prefix(){
       #nav ul li a.active {
       color: #000000;
       background-color: #ffffff;
       margin-top: 0px;
       border-top: 2px solid rgba(38,38,38,0.8); 
       border-bottom: 2px solid rgba(38,38,38,0.8);
       border-right: 2px solid rgba(38,38,38,0.8);} }
</style>

有效。但我没有改变任何事情。我试图删除它，让firefox用main.css运行样式，它又回到了不工作状态。任何人都有任何原因。请记住，我的main.css和@-moz-document url-prefix()都没有改变。我只是简单地从main.css中复制那段代码。 @-moz-document url-prefix()是否有任何特殊属性？