IE8を使用してボタン内で整列していないブートストラップアイコン - css、twitter-bootstrap

ブートストラップ3のアイコンをボタンの中央に配置しようとしていますが、それらは右に配置されていますが、IE 8のみです。ここに私のコードがあります。

<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>

しかし、それはうまくいきません。これが、IE 8で今見られるようなことです。

回答：

あなたのCSSにこれを追加してみてください：
.fa {position: relative; left: -5px9}