Firefox中的轮换是否已损坏？

Question

我想要一个菱形盒子里面有一些文字，并在悬停时做一个翻转卡片效果。我已经尝试了多种方法来实现这种效果，并且Firefox是唯一一次失败，每次都发生类似的效果。

这是小提琴：

http://jsfiddle.net/vHL38/

只有在评论此行时才能解决此问题：

-moz-transform: rotate(45deg);

<。>在.flipper .bg类中，但我宁愿保持跨浏览器的一致性。

谢谢你的答案！