CSS在Chromium中工作，但在Firefox中有大量错误

在测试过程中，我意识到我的网页无法无缝工作，在加载到Firefox之前有一点延迟和闪烁，但在Chromium中，它工作得非常好。另外，在Firefox中加载问题后，站点看起来不错。我查看了检查元素，发现在控制台选项卡下有很多错误和警告，例如：

分析“背景图像”的值时出错。声明被撤回。 css:50:22解析“背景图像”的值时出错。 声明被撤回。css:51:22解析的值时出错 “-webkit边界半径”。声明被撤回。style.css:53:27 未知属性'-moz边框半径'。声明被撤回。 css:54:22未知属性'-moz-box-shadow'。宣言 下降。css:58:19解析的值时出错 “背景图像”。声明被撤回。css:90:22中的错误 正在分析“背景图像”的值。声明被撤回。 css:91:22解析“背景图像”的值时出错。 声明被撤回。css:105:22解析的值时出错 “背景图像”。声明被撤回。style.css:106:22未知 属性'-moz-box-shadow'。声明被撤回。style.css:109:19 分析“背景图像”的值时出错。声明被撤回。 css:131:22解析“背景图像”的值时出错。 声明被撤回。style.css:132:22未知属性 “-moz-box-shadow”。声明被撤回。css:141:19中的错误 正在分析'-webkit border radius'的值。声明被撤回。 css:143:27未知属性“-moz border radius”。宣言 下降。css:144:22未知属性'-moz-box-shadow'。 声明被撤回。css:159:19解析的值时出错 “-webkit边界半径”。声明被撤回。style.css:161:27 未知属性'-moz边框半径'。声明被撤回。 css:162:22未知属性'-moz-box-shadow'。宣言 下降。style.css:176:19解析的值时出错 “-webkit边界半径”。声明被撤回。style.css:178:27 未知属性'-moz边框半径'。声明被撤回。 css:179:22未知属性'-moz-box-shadow'。宣言 下降。css:193:19解析的值时出错 “-webkit边界半径”。声明被撤回。style.css:195:27 未知属性'-moz边框半径'。声明被撤回。 css:196:22未知属性'-moz-box-shadow'。宣言 下降。css:210:19解析的值时出错 “-webkit边界半径”。声明被撤回。style.css:212:27 未知属性'-moz边框半径'。声明被撤回。 css:213:22未知属性'-moz-box-shadow'。宣言 下降。css:230:19解析的值时出错 “-webkit边界半径”。声明被撤回

例如，这里是我的CSS的一部分，我从中得到了错误（style.CSS:50:22，第50行被标记）：

我如何解决这个问题？ 我不是专家，请具体回答。谢谢

---

更新：我忘了提到，昨天我也遇到了这个错误（今天消失了，但现在我又遇到了）：“样式表无法加载>>这里的一些字体”

很好-firefox会删除并警告他不支持的属性-那些为其他浏览器添加前缀的属性，例如webkit box shadow，-ms linear gradient等…好的，但是站点在加载过程中出现了一些问题。因此，临时删除所有不通用或不针对firefox的属性来减少噪音，看看会发生什么。完成检查后，还原删除的属性：）是否有人知道问题的原因？

.menu li {
    color: #ffffff;
    background: #ff0000;
    background-image: -webkit-linear-gradient(top, #ff0000, #00ff00);
    background-image: -moz-linear-gradient(top, #ff0000, #00ff00);
    background-image: -ms-linear-gradient(top, #ff0000, #00ff00); /* line 50 */
    background-image: -o-linear-gradient(top, #ff0000, #00ff00);
    background-image: linear-gradient(to bottom, #ff0000, #00ff00);
    -webkit-border-radius: 4;
    -moz-border-radius: 4;
    border-radius: 4px;
    text-shadow: 2px 2px 2px #222222;
    -webkit-box-shadow: 2px 2px 7px #0a0d01;
    -moz-box-shadow: 2px 2px 7px #0a0d01;
    box-shadow: 2px 2px 7px #0a0d01;
    font-size: 21px;    
    font-family: Arial, sans-serif;
}