CSS3 transition/effet hover ne fonctionne pas sous Firefox; un bug Firefox?

Je suis en train de créer un survol de la souris sur l'effet que les diapositives de la couche supérieure de la gauche et de révéler la couche de fond à l'aide de CSS3. Le code fonctionne dans Chrome mais pas sous Firefox...ai-je fais quelque chose de stupide à nouveau? Merci pour votre aide!

Edit: je dois avoir fait quelque chose de mal, parce que même si je quitte la transition de code, rien ne se passe lorsque j'placez le curseur sur "couches" dans Firefox...:(

Le code:

<html>
  <div class="layers">
    <div class="over">content</div>
    <div class="under">content</div>
  </div>
</html>

Le style:

.layers {
  position: relative;   
  width: 200px;
  height: 50px;
  overflow: hidden;
}   

.over {
  width: 200px;
  height: 50px;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1;
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}   
.under {
  width: 200px;
  height: 50px;
  position: absolute;
  top: 0px;
  left: 0px;
}           

.layers:hover .over {
  left: -200px; 
}
Étant donné que cela semble dépendre de la nature exacte de l'ajax choses que vous faites, il suffit de montrer le CSS n'est pas vraiment assez d'informations pour répondre à la question. Point à l'ensemble de la page?
Je viens de découvrir qu'en fait, il n'a rien à voir avec l'Ajax; même dans une seule page, le CSS transition, ou même d'une simple ".plus de:hover" ne fonctionne pas dans Firefox...:(
qui FF version? il travaille pour moi FF4
fonctionne très bien dans Firefox en général... est-ce votre page en mode quirks, ou quelque chose?
Hmm j'ai été en utilisant FF4, et si c'était juste un simple :placez le sélecteur de il fonctionnait très bien, mais il ne fonctionne pas quand il était à l'intérieur de deux couches de classes...j'ai résolu le problème; voir mon post ci-dessous.

OriginalL'auteur nubicurio | 2011-06-10