Problem med farveskift i Firefox

Hej, jeg sidder med en lille bitte opgave til min skole, og skal prøve at skifte baggrundsfarven på en tabel vha. et JavaScript. Jeg her følgende kode:

<script type="text/javascript">
  function changeBgColor (color)
  {
      var elm = document.getElementById("mainTable")
      elm.style.backgroundColor = color
  }
</script>

<form method="POST">
<input type="text" name="chooseColor" id="color" />
<button onclick="changeBgColor(document.getElementById('color').value)">V&aelig;lg tabellens baggrundsfarve</button><br />
      Det er vigtigt at du enten angiver farven i enten amerikanske standardfarver, <br />eller i hexadecimale koder (6 tegn), med brug af tal fra 0 til 9 og bogstaver fra "A" til "F"<br /> med "#" foran.
</form>

Mit problem er, at når jeg trykker på knappen, skifter farven i mindre end et sekund, hvorefter den skifter tilbage til standardfarven:)

Det virker fint i IE, men altså ikke i Firefox:) Nogen der kan hjælpe?