Mozilla不想接受负保证金价值？

Question

我正在通过Joomla（Gantry模板）开发响应式网站，我正在使用媒体查询来设置有关不同分辨率的边距值。这里的问题是Chrome和Safari获得CSS声明而不是Mozilla。如何避免？

“maintop”部分由一个标题图像组成，底部还有其他元素，我想将“主 - 顶”部分和“主 - 底”部分之间的距离缩小为不同的分辨率。

以下是HTML代码：

<div id="rt-mainbody-surround">
<div id="rt-maintop">
<div id="rt-container">
<div id="rt-grid-12 rt-alpha rt-omega"></div>
</div>
</div>
<div class="rt-container"></div>
<div id="rt-mainbottom"></div>

这是CSS：

@media all and (max-width: 2660px) and (min-width: 1200px) {
#rt-maintop{margin-bottom: -7.5%;
background: url(../images/custom/bckg.png);
display:block;
width:100%; 
height:auto;}
}
@media all and (max-width: 1199px) and (min-width: 960px) {
#rt-maintop{margin-bottom: -8%;
background: url(../images/custom/bckg.png);
display:block;
width:100%; 
height:auto;}
}
@media all and (max-width: 959px) and (min-width: 768px) {
#rt-maintop{margin-bottom: -10%;
background: url(../images/custom/bckg.png);
display:block;
width:100%; 
height:auto;}
}

提前谢谢！