jquery 摇动效果和 margin-auto

有一点烦恼这个...震动效果示例 http://jsfiddle.net/PHPsycho/mwVkm/1/

在 Firefox 中如果我省略该行

$this.css({'margin-left':$this.position().left});

然后该框会向左移动而不是在中心移动。如果我保留这行代码来修复 Firefox，那么 chrome 也会出现同样的问题。

任何解决这个问题的建议都会很棒。

提前致谢

解决方案（不是一个令人愉快的解决方案，但它可以跨浏览器工作 - 我说的是跨浏览器，有 ie9，我的工作机器无法运行虚拟 PC！！！）；

var options = {
              direction: 'left',
              distance: 10,
              times: 2
              };
var left = $this.position().left > parseInt($this.css('margin-left')) ? $this.position().left : $this.css('margin-left');
$this
    .css({'margin-left': left})
    .effect('shake' , options , 75 , function(){
        $this.removeAttr('style');
});