Problem border-image mobile

[Nikita]

Hallo ihr Lieben,

ich habe heute folgendes Problem
undzwar habe ich auf mehreren Elementen ein border-image gesetzt, soweit so gut, funktioniert ansich auch alles.
Jedoch bekomme ich auf den mobilen Geräten Grafikfehler. (siehe Screenshot)
Kennt jemand das Problem bzw weiß wie man das behebt? :/
Anscheinend hat das iwas mit dem repeat des borders zu tun aber wirklich behoben bekomme ich das nicht..

Hier noch der css/html Code

.group-right .list-group-item.right{
  border-style: solid;
  border-width: 34px 53px 39px 21px;
  -moz-border-image: url(../assets/images/games/golden-jeepney/button-spin_border-image.png) 34 53 39 29 repeat stretch;
  -webkit-border-image: url(../assets/images/games/golden-jeepney/button-spin_border-image.png) 34 53 39 29 repeat stretch;
  -o-border-image: url(../assets/images/games/golden-jeepney/button-spin_border-image.png) 34 53 39 29 repeat stretch;
  border-image: url(../assets/images/games/golden-jeepney/button-spin_border-image.png) 34 53 39 29 fill repeat stretch;
  padding: 6px 4px;
  z-index:12;
}

<div class="group-right pull-right">
              <ul class="list-group btn-group">
                <li class="list-group-item right">
                    <a class="btn btn-default btn-left playClick">
                      <span class="left">Game Rules</span> 
                      </span>
                    </a>
                </li>
</div>

wäre sehr dankbar wenn jemand helfen könnte!

 

[threadi]

Was ist daran jetzt der Grafikfehler?
Und mit welchem Browser testest Du?

 

[Infomercial]

hast du mal versucht, dem font etwas mehr platz zu lassen?