最初没有出现的href的CSS Sprite

Question

我试图在一些锚标签上使用CSS精灵。但是，当我加载我的页面时，应该是＆＃34; initial＆＃34;图标不显示!!有任何想法吗？我仔细检查了我的图像路径，它们确实是正确的。我不确定我的背景位置坐标是否100％正确，但我想我可以调整那些我实际得到的图标出现！谢谢！

HTML：

 <div id="social">
<a href="https://www.behance.net/lb155edc6" target="_blank" class="button"></a>
</div>

CSS：

#social a.button{
width:150px;
height:150px;
display:block;
background-image:url('images/icons/behancesprite.png');
background-repeat:no-repeat;
background-position:0 0;
 }
#social a.button:hover{
background-position: 0 -266px;
}