通过jQuery进行css转换在Firefox中不起作用

Question

当您将鼠标悬停在li元素上时，我试图移动水平列表。动画涉及一些展示/隐藏＆amp;调整新div的大小和ul的X翻译。除了firefox上的X翻译外，其他工作正常。

实际的脚本很大，可以在Jsfiddle上发布，但这里是＆＃34;麻烦制造者＆＃34;

JS代码是：

var translation="translateX("+next_move+"px)";
console.log("translation: "+translation);
$('#carousel').css({"top":"10px","-moz-transform":translation});
$('#carousel').css({"top":"10px","-webkit-transform":translation});

#carousel

的CSS

#carousel{
    position:relative;
    webkit-transition: -webkit-transform 0.2s linear;
   -moz-transition: -moz-transform 0.2s linear; 
   -ms-transition: -ms-transform 0.2s linear;  
    -o-transition: -o-transform 0.2s linear;  
    transition: transform 0.2s linear; 
}

有人能指出我正确的方向吗？ 感谢