jquery - jQuery による CSS 変換が Firefox で機能しない

Question

li 要素にカーソルを合わせると、水平方向のリストを移動しようとしています。アニメーションには、新しい div の表示/非表示とサイズ変更、および ul の X 変換が含まれます。Firefox での X 変換を除いて、すべて正常に動作します。

実際のスクリプトは Jsfiddle に投稿するには大きすぎますが、ここに「トラブルメーカー」があります

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});

のCSS#carousel

#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; 
}

誰かが私を正しい方向に向けることができますか? ありがとう