IE8下背景雪碧图不显示？

<ul class="social-icons">
    <li style="text-align: center;"><a href="#"><span class="social"> </span></a></li>
    <li style="text-align: center;"><a href="#"><span class="social fbook"> </span></a></li>
    <li style="text-align: center;"><a href="#"><span class="social gplay"> </span></a></li>
</ul>
<p style="text-align: center;">#DecadeInTheCity</p>
.social{
    width:32px;
    height:32px;
    margin-top:7px;
    background:url(../../uploads/2014/11/social-icons.png)no-repeat;
    display:inline-block;
    background-position:left top;
    text-indent:-5000px;
}

.entry-content-wrapper div li {
    text-indent: 0;
    display: inline-block;
    margin: 3px;
}

.fbook{
    background-position:-32px;
}

.instagram{
    background-position:-64px;
}

.gplay{
    background-position:-96px;
}