$ (this) sélecteur .css ne fonctionne pas en ie (7-8) (pas un objet ou null)

Question

J'ai un menu d'arrière-plan en mouvement. son ok dans Chrome et Firefox, mais ne fonctionne pas dans IE6 IE Dit, css (...) null ou pas un objet.

Voici le code;

$(".menu>li") 
    .mouseover(function(){ 
    var myx = $(this).css('background-position').split(' ')[0]; 
    //alert(myx); 
    if(myx!=""){ 
    $(this).stop().animate({backgroundPosition:myx+" -30"},200) 
    } 
    }) 
    .mouseout(function(){ 
    var myx = $(this).css('background-position').split(' ')[0] 
    //alert(myx); 
    if(myx!=""){ 
    $(this).stop().animate({backgroundPosition:myx+" 0"},100) 
    } 
    }) 

et c'est la page d'exemple: http://beta.hengame.net/

Answer 1

trouvé le problème, et a résolu le problème. Il suffit de remplacer

$(this).css('background-position').split(' ')[0] 

avec

$(this).css('background-position-x') 

(ce qui est plus propre de toute façon). Testé dans IE9 et Chrome9, mais je suis assez confiant qu'il fonctionnera aussi avec les autres navigateurs.