FireFox摇摇欲坠的背景

Question

我有一个非常简单的过渡，它定位背景图像（从一侧到另一侧移动），它在铬合金中完美运行但是＃34;震动＆＃34; （在FireFox中描述它的最佳术语。）

代码是：

@keyframes animatedBackground {
    from { background-position: 0 0; }
    to { background-position: 100% 0; }
}

#animate-area   { 
    width: 100%; 
    height: 170px; 
    background-image: url("../img/header.jpg");
    background-position: 0px 0px;
    background-repeat: repeat-x;

    animation: animatedBackground 60s linear infinite;
}

我试过这个，但没有快乐：

var x = 0; var y = 0;
window.setInterval(function() {
    $("#animate-area").css("background-position", x + "px " + y + "px");
    x++; y--;
}, 50);

任何帮助都会很棒！