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

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

image: 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;
}