title: How to control the draw order of overlapping elements with CSS3 rotate3d and transformZ?
body: <p><a href="http://staging.isaidicanshout.com/test3d/" rel="nofollow">http://staging.isaidicanshout.com/test3d/</a></p>
  
  <p>I am using CSS3 rotate3D to create a 3D grid of tiles that respond to mouse movement. In safari everything works fine, but in Chrome, the draw order is determined by the order of the code, not the position in z-space. If an element passes in front of an element that should appear behind it, but appears after it in the code, it will be obscured.</p>
  
  <p>Is there any way to fix this?</p>