html - Firefox 14 での CSS3 アニメーション

Question

次のアニメーションに問題があります。

.anim {
    -moz-animation-delay: 0s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-duration: 6s;
    -moz-animation-fill-mode: forwards;
    -moz-animation-name: animation_1;
    -moz-animation-play-state: running;
    -moz-animation-timing-function: linear;
    -moz-transform-origin: right top;
    background-image:url("http://jsfiddle.net/css/../img/logo.png");    
    height:25px;
    width:  160px;
    z-index: 1;
    position: absolute;

}

.container {
    left: 100px;
    top: 100px;
    position: absolute;
}

@-moz-keyframes animation_1 {
    0% {
        opacity: 1;
        left:29.45px;
        top:0;
        -moz-transform: rotate(0deg) scale(2,2);
    }

    100% {
        top:0;
        opacity: 0.5;
        left:120px;
        top:120px;
        -moz-transform: rotate(90deg) scale(0.5,0.5);
    }
}

ここでフィドルを見ることができます：http://jsfiddle.net/QTeXG/5/

まあ、同じアニメーションが Chrome 21 でも問題なく動作しています: http://jsfiddle.net/P2dKE/

もし私が: - Firefox のアニメーションから不透明度を削除すると、正常に動作し始めます。- 背景画像を削除し、背景色を使用しても問題なく動作します。

Ubuntu 12.04、Firefox 14.0.1、および Chrome 21.0.1180.57 でテスト済み。

何か案は？

Answer 1

これは、バージョン >= 15 の Firefox で解決されています。