透视源Firefox

Question

我正在尝试使用（大）背景图像为div上的透视原点属性设置动画。这适用于Chrome，但在Firefox中无法顺利运行。 （在macbook pro retina上测试）

我做了一点测试 http://jsfiddle.net/gZ8FD/3/

.item{
    background-image: url(http://upload.wikimedia.org/wikipedia/commons/3/36/Hopetoun_falls.jpg);
    background-size: contain;
    width: 500px;
    height: 500px;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transform: rotateX(90deg);
    -moz-transform: rotateX(90deg);
}

#box{
    perspective: 1000px;
    -webkit-perspective: 1000px;
    perspective-origin: 50% 50%;
}

这是一个错误还是我做错了什么？