JQuery animate（）函数在Safari / Mac中无法正常工作

Question

我正在尝试创建一个点击时滑动大量图片的网站。一切都很好，除了它在Safari浏览器中无法正常工作。

示例代码如下：

HTML：

<div class="left1" id="left"><img src="images/left1.png" ></div>
<div class="right" id="right"><img src="images/right1.png" ></div>

JQuery的：

我想在点击类in_home的链接时滑动这些图片。

$("a.in_home").click(function () {
        jQuery('#slider1 #right').stop().animate({ right : '-90%', 'margin-top' : '400px', 'margin-left' : '200px' });
        jQuery('#slider1 #left').stop().animate({ left : '-90%', 'margin-top' : '400px', 'margin-right' : '200px' });
        return false; 
    });

CSS

.left1 {
position:absolute;
top:0;
left:0px;
width:50%;
z-index: 2;
-webkit-transition:all 2.0s ease;
-moz-transition:all 2.0s ease;
-o-transition:all 2.0s ease;
transition:all 2.0s ease;
}
.right {
position:absolute;
top:0;
right:0px;
width:50%;
z-index: 2;
-webkit-transition:all 2.0s ease;
  -moz-transition:all 2.0s ease;
  -o-transition:all 2.0s ease;
  transition:all 2.0s ease;
}

以下是演示链接： http://qilolabs.com/karma_options/

请建议我如何才能做得更好。