Firefox中的JQuery动画口吃

我目前正在制作我的第一个网站，我正在使用JQuery制作动画。IE中的动画非常流畅，但在Firefox中，动画严重口吃。该网站是。我花了无数个小时试图修复它，使其不可用。谢谢

更新1：JQuery加载/动画代码为：

    function ajaxLoad(input){
        contentBox.fadeIn();
        content.fadeOut("medium",function() {
            content.load("ajax_pages/"+input+".html", function(){
                var contentHeight = content.height();
                if(contentHeight > screen.height*0.66){
                    contentBox.animate({height: screen.height*0.66},"slow",function(){
                        content.delay(500).fadeIn("slow");
                    });
                } else {
                    contentBox.animate({height: contentHeight},"slow",function(){
                        content.delay(500).fadeIn("slow");
                    });             
                }
            });
        });
    };

content是我加载ajax页面的div。contentBox是包含内容的div

更新2：波动的来源是一些css3属性：

-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.15);  
-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.15);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.15);

这些增强增加了浏览器的负载，这是有道理的，但是有没有办法让Firefox像IE一样平滑地渲染它呢

更新3：好的，我刚刚用以下代码替换了上面的代码：

-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1), inset 0 0 5px rgba(0, 0, 0, 0.15); 
-moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1), inset 0 0 5px rgba(0, 0, 0, 0.15); 
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1), inset 0 0 5px rgba(0, 0, 0, 0.15); 

---

现在它变得更平滑了…

这个问题对我来说很烦人，我也在设计我的网站，我必须降低firefox的方块阴影效果才能正常运行，更不用说jquery元素了。。。如果有太多的方块阴影效果，这些甚至不能运行。如果我使用IE，我不明白为什么不会发生这种情况，我的网站运行起来就像水一样顺畅。显然，这里发生了一些事情，请有人给我们一些帮助：）谢谢。

我认为这与计算机的图形卡和处理能力，以及浏览器呈现页面的方式有关。我单击了“恢复”，用了6.21秒完成了获取。。。您需要改进显示内容的方法@NHAHDH我高度怀疑这是一个问题。IE中的动画非常流畅，但不是Firefox。@Zuul简历内容实际上都是由scribd处理的……不过我正在考虑更改它。@DannyYang:根据浏览器的优化方式，性能（和内存使用）可能会有所不同。