Background-position en Javascript ?

Salut à tous,

Alors voilà, pour mon site j'ai une image dont je change la position pour donner un effet de mouvement au passage de la souris. Ca marche très bien en CSS :

#IDimage{  
    background:url("images/monimage.png") 0 0 no-repeat;  
}  

#IDimage:hover,#IDimage:active,#IDimage:focus{  
 background-position:0 -27px;  
}

(IDimage est l'id donné à une balise <a>)

Et à certaines pages je bloque la position avec cette ligne :

#IDimage{background-position:0 -27px;}

Je veux avoir le même résultat que cette dernière ligne, mais en javascript et non en css, c'est pour faire un truc avec de l'AJAX.

Seulement, je ne trouve pas comment faire pour mettre des coordonnées dans un backgroundPosition en javascript.

J'ai fait cette ligne :

document.getElementById('IDimage').style.backgroundPosition="0px -27px;"

et cette ligne en question fait arrêter le script. (là j'ai mis les coordonnées pour tester, ça marche pas non plus quand je mets les données que je transferts, évidemment).

D'où ma question : est-ce que quelqu'un sait comment faire passer des coordonnées en js dans un backgroundPosition ? (ou existe-t-il une autre façon de faire ?)

Merci d'avance