CSS3 de Rotation et d'Échelle sur les mêmes éléments bousille “z-index”?

Pas vraiment le z-index, mais j'ai trouvé mieux pour décrire le problème dans un court laps de titre...

Voir cet exemple simplifié:

http://jsfiddle.net/sCnDx/

Si vous passez la souris sur les images, vous remarquerez que certains coins sont ci-dessous d'autres images.

Si vous supprimez le code concernant la rotation, tout fonctionne bien.. Donc, le problème est que la rotation ou la façon dont elle interagit avec la mise à l'échelle.

-webkit-transform: rotate(10deg);
-moz-transform: rotate(10deg);
-o-transform: rotate(10deg);
transform: rotate(10deg);

Est-il quelque chose qui peut être fait à ce sujet ou est-ce un bug lié au navigateur?

(Testé dans safari)

Grâce,
Wesley

OriginalL'auteur Wesley | 2011-09-15