title: -moz-transition-duration not working?
body: <p>below you have the code I'm using to try and achieve a 3D animation:<br /></p>
  
  <p>Here is the fiddle and the code:
  <a href="http://jsfiddle.net/82C2N/" rel="nofollow">http://jsfiddle.net/82C2N/</a></p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
      &lt;title&gt;3D CSS Animation&lt;/title&gt;
      &lt;style&gt;
          #movieposters li { 
              display:inline; float:left;
              -webkit-perspective: 500; 
              -webkit-transform-style: preserve-3d;
              -webkit-transition-property: perspective; 
              -webkit-transition-duration: 0.5s; 
              transition-duration: 1s; 
              -moz-perspective: 500; 
              -moz-transform-style: preserve-3d;
              -moz-transition-property: perspective; 
  
          width: 200px;
          }
  
          #movieposters li:hover { 
              -webkit-perspective: 5000; 
              -moz-perspective: 5000; 
              transition-duration: 1s; 
              transition-timing-function: linear; 
          width: 200px;
          }
  
          #movieposters li img { 
              -webkit-transform: rotateY(30deg);
              -webkit-transition-property: transform; 
              transition-duration: 0.5s; 
              -moz-transition-duration: 1s; 
              -moz-transform: rotateY(30deg);
              -moz-transition-property: transform; 
  
          width: 200px;
          }
          #movieposters li:hover img { 
          width: 200px;
              -webkit-transform: rotateY(0deg); 
              -moz-transform: rotateY(0deg);
          }
      &lt;/style&gt;
  &lt;/head&gt;
  &lt;body style="height: 100%" class="bluegradient"&gt;
      &lt;ul id="movieposters"&gt;
          &lt;li&gt;
              &lt;img src="http://fc02.deviantart.net/fs36/i/2008/252/6/1/House_MD_DVD_covers_by_kdaver.jpg"/&gt;
          &lt;/li&gt;
      &lt;/ul&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p></p>
  
  <p>To see the desired effect open that in Chrome. In Firefox, the <code>-moz-transition-duration</code> seems to have no effect. The perspective and rotation value change on hover but withou any animation.</p>
  
  <p>Any idea why? I'm using the latest version of Firefox (10.0.2).</p>