小编use*_*224的帖子

我在我的网站上添加了用于社交媒体图标的CSS Sprites,但它在Firefox上无法正常工作,因为在Safari和Chrome上视图是准确的.

CSS:

#social-icons {
   margin: 4px auto 0;
   padding: 0 0 15px;
   border-bottom: 1px dotted #222;
   text-align: right;
   font-size: .9em;
   float: right;
   width: 80%;
}

#social-icons .facebook {
   width: 30px;
   height: 30px;
   background: url(../img/social_media_icons.png);
   float: right;
   background-position-x: 289px;
   background-position-y: 0px;
}

#social-icons .twitter {
   width: 30px;
   height: 30px;
   background: url(../img/social_media_icons.png);
   float: right;
   background-position-x: 193px;
   background-position-y: -32px;
   margin-left: 10px;
}

#social-icons .youtube {
   width: 30px;
   height: 30px;
   background: url(../img/social_media_icons.png);
   float: right;
   background-position-x: 386px;
   background-position-y: -161px;
   margin-left: 10px;
}

HTML

<div …