Non mi funziona backgroundposition

[Draxent]

Grazie per i tuoi consigli, si vede che sono poco ferrato in javascript .
Purtroppo non funziona ancora:

//nell'header
<script language="javascript" type="text/javascript">
  function effetto(i) { 
    pulsante = document.getElementById('pulsante');
    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>
//nel css
#btn_login { margin-top:20px; background-image: url(login.png); 
background-repeat: no-repeat; width: 97px;  height: 35px; 
background-position: 50% top;}
//nel body
  <input type="image" value="login" id="btn_login" src="x.gif" 
        onmouseout="effetto(1)" onmouseover="effetto(2)"  onclick="effetto(3)"/> 

Ho fatto i cambiamenti che mi avevi chiesto vero?