problemer med $("#blue").animate({

jeg har lavet dette , som virker godt i firefox på en pc , men ikke i crome safari explore, og på MAC blev der af en kammerat prøvet de 4 forskellige browser han havede uden det virkede på nogen af dem

<script type="text/javascript" src="jquery.js"></script>
<div style="margin-left: 150px; margin-top: 50px; margin-right: 150px;width:450px;height:400px;float:left;">

<div style="font-weight:bold;width:450px;height:30px; ">Farvetest</div>


<div style="width:225px;height:185px;float:left;">
    <div id="yellow" onclick="playSound(' ../slide_extra/lektion/27/forkert.mp3');" style="width: 50px; height: 50px; margin-top:113px; margin-left:153px; float: left; background-color: #FFFF00; cursor:pointer;"></div>
</div>

<div style="width:225px;height:185px;float:left;">
    <div id="red" onclick="lektionknap(11)" style="width: 50px; height: 50px;margin-top:113px; float: left; background-color: #FF0000; cursor:pointer;"></div>
</div>

<div style="width:225px;height:185px;float:left;">
    <div id="green" onclick="playSound(' ../slide_extra/lektion/27/forkert.mp3');" style="width: 50px; height: 50px;margin-left:153px; float: left; background-color: #00FF00; cursor:pointer;"></div>
</div>

<div style="width:225px;height:185px;float:left;">
    <div id="blue" onclick="playSound(' ../slide_extra/lektion/27/forkert.mp3');" style="width: 50px; height: 50px; float: left; background-color: #00FFFF; cursor:pointer;"></div>
</div>
<script type="text/javascript">
        $("#yellow").animate({
            marginTop: "1px",
            marginLeft: "1px",
        }, 1000);

        $("#red").animate({
            marginTop: "1px",
            marginLeft: "170px",
        }, 1000);
       
        $("#green").animate({
            marginTop: "135px",
            marginLeft: "1px",
        }, 1000);
       
        $("#blue").animate({
            marginTop: "135px",
            marginLeft: "170px",
        }, 1000);

</script>
<div id="sound_element"><embed src="../slide_extra/lektion/27/lyd_forfatter.mp3" autostart="true" loop="false" hidden="true"></div>
<span style="cursor:pointer" id="dummy" onclick="playSound(' ../slide_extra/lektion/27/forkert.mp3');"></span>

jeg er ved at bygge noget lyd ind men ikke færdig
det er ikke det der er problemet, men det at de fire firkanter, skulle bevæge sig væk fra hinanden , kun virker i pc-firefox
håber der er nogen der kan hjælpe så det virker i flere, for jeg mener at jquary ting skulle virke i alle typer browser, men denne kun i en

kan ses på http://test.webplads.info/

mvh. Bruno