Problème CSS3(Gchrome) - Animation position+background-color

Bonjour,

voila pour être plus précis que mon titre, je me penche sur la 3D CSS et surtout sur les transitions.

Mon problème est le suivant : l'une de mes cellule doit changer sa position(définie en absolute) et la couleur de son fond (en plus d'une orientation de 90deg sur l'axe "Y").

Firefox affiche correctement la transition de background ainsi que de positionnement, mais chrome ne me fait pas la transition de couleur

CSS:

#toopenbar div.openleft { 
    left:-43px;
    border-right:2px solid #f9f9f9; 
    -moz-transform:rotateY(90deg);
    -webkit-transform:rotateY(90deg);
    transform:rotateY(90deg);
    background:#333;
}
#toopenbar:hover div.openleft { 
    left:0px;
    background:#eee;
    -moz-transform:rotateY(0deg);
    -webkit-transform:rotateY(0deg);
    transform:rotateY(0deg);
}

Je précise que chrome ne me change pas la couleur du tout, elle reste en #333...

Quelqu'un aurait une idée sur l'origine du problème sous chrome?

[PS: j'ai mis "#toopenbar:hover" pour l'exemple, mais en réalité c'est un script JS qui ajoute une classe ".open" a mon "#toopenbar", mais je doute que cela change quelque chose...]

Salut,

A ce que je vois tu déclares des propriétés CSS pour div.openleft

donc si tu mets div.openleft:hover cela devrait marcher