Safari处理z-index而不是Chrome（rotationY）

Question

我正在使用CSS3创建3D翻转卡。

在谷歌浏览器中它完全应该做的事情，但是Safari似乎在z-index上存在一些问题。

Safari行为（错误）：http://i.stack.imgur.com/z4O9N.png

Chrome行为（正确）：http://i.stack.imgur.com/EX2Jw.png

示例演示：http://jsfiddle.net/Widmore/XJFAy/7/

有谁熟悉这个问题？ 谢谢！