title: CSS3 3D Transitions flickering in firefox when also using box-shadow
body: <p>I have an apple like coverflow element built using CSS3 transition and 3D transforms.</p>
  
  <p><a href="http://jsfiddle.net/7eDkb/1/" rel="noreferrer">http://jsfiddle.net/7eDkb/1/</a> (Transition with box-shadow)</p>
  
  <p>Works smooth on chrome, but on firefox, the covers are flickering between being visible and invisible when they are being animated.</p>
  
  <p>After an elimination process, i have found that removing the "box-shadow" css property from the items results in smooth transitions in firefox.</p>
  
  <p><a href="http://jsfiddle.net/7eDkb/2/" rel="noreferrer">http://jsfiddle.net/7eDkb/2/</a> (Transition without box-shadow)</p>
  
  <p>I have tested this in firefox v15 and chrome v21.</p>
  
  <p>Is there a solution to having both 3d transitions and box-shadow on an element without it flickering on firefox?</p>
  
  <p><strong>EDIT:</strong> in the fiddles, click gray images to see flickering</p>