jQuery animate background-position, no funciona en ie

Tengo una pequeña función animada jQuery, que funciona en todos los navegadores, excepto en IE. Aquí mi código: HTML:

CSS:

 .container{width:54px; height:54px;} .bgHover{background: url("../images/shine.png") no-repeat scroll -150px 0 rgba(0, 0, 0, 0); width:54px; height:54px; position: absolute; top: 8px; left: 8px;} .bg{background-color:black; width:54px; height:54px;} 

jQuery:

 $(document).ready(function(){ var $e = $(".container") timer = setInterval(function(){ $e.find(".bgHover").stop().animate({backgroundPosition: 0},500,function(){ $e.find(".bgHover").css("background-position","-99px 0"); $e.find(".bgHover").animate({backgroundPosition: '99px 0'}); }); },2500); }); 

Encuentre el código anterior que funciona en todos los navegadores excepto en IE.

Tienes que usar

  css({ "background-position-x" : "-99px", "background-position-y" : "0" ); 

Pero rmbr en IE8 y antes de eso, necesitas usar algunos otros scripts, lo estoy buscando

EDITAR:

Creo que eso te ayudará https://github.com/kbwood/backgroundpos