forkert visning af billed?

Hejsa.

Jeg har noget CSS lignede det her.

 a.button3{
 background:url(images/button.gif);
 display:block;
 color:#555555;
 font-weight:bold;
 height:30px;
 line-height:29px;
 margin-bottom:14px;
 text-decoration:none;
 width:191px;
 position:relative; left: 800px; top: 0px;
 }

Og noget HTML som det her...

 <form>
     <input type="checkbox" name="checkbox" onclick='check_value(1)' style="position:absolut; left: 500px;top: 8800px;">I accept the licens 
 </form>

Og så mit Javascript...

 <script language='JavaScript' type='text/javascript'>
  var check=false;
  function check_value() {    
      if (check==false) {
          document.body.innerHTML+="<a href=\"stage2.php\" class=\"button3\"><span class=\"next\">Continue</span></a>";
          check=true;
      } else {
          document.body.innerHTML+="<br><b>fail</b>";
          check=false;
      }
  }
  </script>

Det er så her..

http://test205.realchamp.dk/stage1.php

I kan nok se, at når i sætter et flueben i checkboxen, at billede vises forkert. Og jeg forstår simpelhen ikke hvorfor! Den læser mine deklarationer fra min .css fil, men den vil ikke komme op på siden af I accept the licens...

Håber I kan hjælpe

- Hilsen,
Magnus.

ps. håber det er okay, at jeg smider et link!(brugte kode så man ikke så det med det samme)