Ikony bootstrapu nie wyrównują się wewnątrz przycisków za pomocą IE8 - css, twitter-bootstrap

Próbuję wyrównać ikony bootstrap 3 do środka wewnątrz przycisków i są one wyrównane w prawo, ale tylko w IE 8. Oto mój kod:

<button class="btn btn-success btn-circle btn-lg" type="button">
<i class="fa fa-trophy" style="font-size:30px;"></i>
</button>

I have tried adding margin-right:-5px to the style inside
<i class="fa fa-trophy" style="font-size:30px;"></i>

ale to nie działa. Tak właśnie wygląda teraz w IE8.

Odpowiedzi:

Spróbuj dodać to do swojego CSS:
.fa {position: relative; left: -5px9}