Javascript marginLeft vil ikke reagere

Hej derude.

Så er jeg på banen med et nyt klogt spørgsmål :p

Jeg har en lille css kasse som jeg gerne vil have til at skifte position ved at bruge style.marginLeft i javascript.

Så jeg har et javascript der ser således ud:

 function move_to_page(page) {
 if (page == 1) {
 document.getElementById("slide_kasse").style.marginLeft = 0 + "px";
 }
 if (page == 2) {
 document.getElementById("slide_kasse").style.marginLeft = 130 + "px";
 }
 if (page == 3) {
 document.getElementById("slide_kasse").style.marginLeft = 260 + "px";
 }
 if (page == 4) {
 document.getElementById("slide_kasse").style.marginLeft = 390 + "px";
 }
 }

og længere nede har jeg et php script der ser sådan ud:

 if ($_GET["page"] == 1 || !isset($_GET["page"])) {
 echo "<script type='text/javascript'>move_to_page(1);</script>";
 echo "<a href='index.php?page=1'><li id='knap1_active'>
 </li></a>";
 }
 if ($_GET["page"] == 2) {
 echo "<script type='text/javascript'>move_to_page(2);</script>";
 echo "<a href='index.php?page=2'><li id='knap2_active'>
 </li></a>";
 }
 if ($_GET["page"] == 3) {
 echo "<script type='text/javascript'>move_to_page(3);</script>";
 echo "<a href='index.php?page=3'><li id='knap3_active'>
 </li></a>";
 }
 if ($_GET["page"] == 4) {
 echo "<script type='text/javascript'>move_to_page(4);</script>";
 echo "<a href='index.php?page=4'><li id='knap4_active'>
 </li></a>";
 }

...mit spørgsmål er så:
Hvorfor ændrer javascriptet ikke margin-left når jeg kalder funktionen fra php på denne måde?

Den reagere på alert, men det er som om den ikke reagere på mit marginLeft i javascriptet..

However, hvis jeg kalder funktionen via en onclick i linket, så virker det, dog flytter den min margin-left tilbage til 0 så snart siden er reloaded... Derfor har jeg stillet det op på denne måde, men kan ikke få det til.

På forhånd tak.