Jquery，试图在所有Web浏览器中移动一个绝对位置的div

Question

我在网站上编程了一下，而我想移动一个位置绝对的div。我的jQuery代码是这样的：

var start = 0;

function myFunction(){
            switch(start){
                case 0:

                    $(live_embed_player_flash).width(960);
                    $(live_embed_player_flash).height(585);
                    $(button1).animate({"left": "+=330px"}, 770);
                    $(chat_embed).delay(800).hide();
                    $(button1).css("background-image", "url(img/15.png)");
                    button1.title = 'Show chat';
                    start=1;
                    break;

                case 1:

                    $(live_embed_player_flash).width(630);
                    $(live_embed_player_flash).height(400);
                    $(button1).css({"left": "-=330px"}, 740);
                    $(chat_embed).delay(800).fadeIn(1500);
                    $(button1).css("background-image", "url(img/16.png)");
                    button1.title = 'Hide chat';
                    start=0;
                    break;

            }
        }

我要做的是重新调整一次潜水的大小并同时移动另一个div。

此代码完美无缺，直到我的朋友在Chrome上测试它。认为开始变得奇怪，问题是当我尝试移动按钮div时：

$(button1).animate({"left": "+=330px"}, 770);

这是我正在处理的网站（流上的按钮是移动的按钮和东西）

http://berzanlabb.se/te11e/robrot060/SlutProjekt1/index.html