jquery: 2d transformer (images mise à l'échelle) et plug-in IE

Question

L'extrait suivant fonctionne partout où il doit excepter IE7:

//Assess Stage 1 
function stage1() { 
    $("#prevBtn").hide(); 

    $('#cs_contentToSlide').animate({ 
     left:0},200, function() { 
    $("#cs_house").fadeTo(10,1); 
    $("#cs_social").fadeTo(10,.3); 
    $("#cs_pie").fadeTo(10,.3); 
    $("#cs_house").animate({scale: '1.1'}); 
    $("#cs_house").fadeTo(10,1); 
    $("#stateGraphic").attr('src', 'images/state1_3stage.gif'); 

})}; 

J'utilise le 2d transformer plug-in à l'échelle réellement l'image elle-même, du centre- point de l'image qui semble beaucoup plus agréable que le défaut en haut à gauche.

Le problème est que le placement des images mises à l'échelle ne reste pas en place. Si je commente cette ligne: $("#cs_house").animate({scale: '1.1'}); alors le CSS fonctionne.

J'ai mis la position de absolu et les valeurs haut/gauche dans le css, mais aussi essayé dans cette fonction en utilisant: $("#cs_house").css({'top':'36','left':'230'}); qui, si je supprime la ligne de mise à l'échelle, fonctionne comme il le devrait dans IE.

Ma question est la suivante: Est-ce que quelqu'un sait comment faire IE7 + garder un élément/image en place lors de l'utilisation de l'effet d'échelle?

Answer 1

MISE À JOUR: 1. Nécessité d'utiliser jquery 1.4.2 et le biggie ... 2. enroulez un objet, dans ce cas une image, dans un div et placez le div/container à la place. D'or.