Firefox中的CSS冲突媒体查询

Question

我有一个页面，我使用@-moz-document url-prefix()使用firefox特定的CSS。

问题是我有一个针对ipad分辨率的媒体查询。我也在媒体查询中使用了firefox特定代码。但是firefox 10不会选择这个css而只选择正常的css。举个例子。

@-moz-document url-prefix() {
.with-hotel-list{
    margin-right: 5px !important;
    width: 130px;
}
.search-form input[type="button"]{
    margin-left: 57px;
    margin-top: 1px;
}
}

@media screen and (max-width: 810px) and (min-width: 765px) {
   .search-form input[type=button] {
      width: 118px;
      margin-left: 36px;
    }

    @-moz-document url-prefix() {
    .hotel-list{
        height: 33px;
        margin-top: 3px;
        font-size: 13px;
    }
    .search-form input[type="button"] {
        margin-left: 46px !important;
        margin-top: 1px;
    }
}
}

任何人都可以帮助我。我需要先将浏览器特定的CSS放在哪里吗？