背景图像在Firefox中不起作用

Question

在我的网站上工作，我创建了一排5个小方块，使用'background-image'和'background-position'属性，使用社交图标的spritesheet创建外部链接列表。在本地工作，这种技术在我测试的每个浏览器上都能正常工作。但是，当网站上线时，除Firefox外，所有浏览器中都会显示图像。这是一些示例代码：

HTML：

<div class='icon' id='icon1'></div>

CSS

.icon{
background-image: url(assets/socialicons.png);  
}
#icon1{
background-position:0px 0px;    
}
#icon1:hover{
background-position:250px 0px;  
}

非常感谢任何帮助，提前谢谢！

截至1月25日，这个问题已经解决了。谢谢大家的帮助！