如何在鼠标悬停动画中平滑这个？

Question

我有一个div，它根据鼠标的位置左右动画，但它太麻烦了（特别是在IE中）。

我很确定这与.stop()在mousemove函数内部有关，因此在几秒钟内被调用了数百次，但这是我能得到的最好的。我希望它是一个干净，连续的动画......

的jQuery

$('#videoThumbContainer').mousemove(function(e){

    var offset = $(this).offset(),
    containerWidth = $(this).width(),
    runnerWidth = $('#videoThumbRunner').width(),
    relativeX = e.pageX - offset.left,
    difference = parseInt(containerWidth - runnerWidth),
    position = (relativeX / containerWidth) * difference;

    if (runnerWidth > containerWidth) {

        $('#videoThumbRunner').stop().animate({left: position}, 50, 'linear');
    }
});

演示

http://jsfiddle.net/cbXh5/