css - IE 背景位置错误

Question

这是 IE 中的一个错误。在其他浏览器中都非常出色。其中很多都试过了，没有任何效果。

HTML：

<a href="#" class="btn">Онлайн-консультант<i></i></a>

CSS：

.btn { float:left; height:39px; color:#184718; font-size:14px; line-height:35px; text-shadow:1px 1px 0 #d7eb9c; text-decoration:none; padding:0 20px 0 10px; background:url('../img/button.png') 100% 0 no-repeat; margin-left:10px; position:relative; }
.btn > i { width:10px; height:39px; position:absolute; background:url('../img/button.png') 0 0 no-repeat; top:0; left:-10px; }
.btn:hover { background-position:100% -40px; }
.btn:hover > i { background-position:0 -40px; }
.btn:active { background-position:100% -80px; }
.btn:active > i { background-position:0 -80px; }