Comportement de Chrome avec hover et BackgroundImage

Bonjour,

Je souhaiterais changer mon image de fond lors du passage de la souris sur mon lien via CSS. cela marche très bien sous FF 3.x et Chrome 8.x SAUF que lorsque je change mon image de fond via javascript cela ne marche plus sous Chrome... je m'explique

J'ai définis mon CSS comme ceçi:
a.maclass
{
background-image:url('mon.png');
background-position: left top;
background-repeat:no-repeat;
padding-left:25px;
}
a.maclass:hover
{
background-color: #DDDDDD;
background-image:url('mon2eme.png');
background-position: left top;
background-repeat:no-repeat;
padding-left:25px;
}

le problème survient uniquement sous Chrome lorsque je m'amuse à changer mon style via js:

document.getElementById(ID).style.backgroundImage="url('mon.png')";

le comportement du hover sous Chrome ne me donne plus mon2eme.png comme image lors du passage de la souris. C'est comme çi après l'appel js, Chrome a "écrasé" mon style:hover...

Sous FF cela fonctionne bien.

Je souhaiterais ne pas utiliser les astuces du genre onmouse...

Merci pour votre aide....