Ссылки с изображениями-фонами в браузере Android

У меня есть небольшая проблема с некоторыми тегами, у которых есть изображения в фоновом режиме, а текст внутри тегов имеет отступ в css, но в браузере Android я вижу часть этой строки, которая используется в html. Это слово закрывает фоновое изображение (область тега). Код и скриншот с мобильного выглядят так:

изображение: http://s29.postimg.org/tctfbp9jb/sa_sc.jpg

<li class="item185">
<a class="soc-link" href="#">rss/sapa</a>
</li>
<li class="item186">
<a class="soc-link" href="https://www.facebook.com/pages/..">facebook/sapa</a>
</li>
<li class="item187">
<a class="soc-link" href="#">youtube/sapa</a>
</li>

CSS:

li {
    display: inline-block;
}
a.soc-link {
    background-position: -4px 0;
    background: url("../images/sapa-bg.png") no-repeat;
    display: block;
    height: 50px;
    margin: 0 0 0 1em;
    overflow: hidden;
    text-indent: 10000px;
    width: 50px;
}