Non mi funziona backgroundposition

[Draxent]

Ciao a tutti ho un problema. Vi posto il codice e poi cerco di spiegarvi il problema.

//nell'header
<script language="javascript" type="text/javascript">
  function effetto(i) { 
     if(i == 1) pulsante.input.style.backgroundposition = "50% top"; 
     if(i == 2) pulsante.input.style.backgroundposition = "50% center";
     if(i == 3) pulsante.input.style.backgroundposition = "50% bottom";
  }
</script>
//nello style
#pulsante input { background-position: 50% top; }
//nel body
<div id="pulsante"><input type="image" value="login" src="login.png" 
   onmouseout="effetto(1)" onmouseover="effetto(2)"  onclick="effetto(3)"/></div> 

Quello che vorrei fare è cambiare la posizione dell'immagine di background a seconda se il mouse passa sopra o clicca sul campo type image.
Se cambio manualmente i parametri di #pulsante input { ... } mi funziona ovviamente quindi è sicuramente la parte di javascript che non va. :master:

Aiutatemi!!! Please.