Safari handles z-index otherwise than Chrome (rotationY)
===

I'm creating 3D flip cards with CSS3.

In Google Chrome it does exactly what it should do, but Safari seems to have some problems with the z-index.

Safari behavior (wrong): http://i.stack.imgur.com/z4O9N.png

Chrome behavior (correct): http://i.stack.imgur.com/EX2Jw.png

Example demo: bengoevaerts.be/random/rotationY (click on a card to open)


Anyone familiar with this issue?
Thanks!