Problema con Sprites

[GaltaRed]

Buongiorno a tutti! 
Vi chiedo un piccolo aiuto, sto cercando di inserire delle icone con il metodo sprites, ma la funzione si attiva solamente con il passaggio del mouse, altrimenti non funziona.... potreste darmi qualche consiglio?


nei css ho inserito:

Codice: [Seleziona]

.nodi{ 
  background-image:URL('http://www.retefm.net/images/pubblicita/disegno/pennelli-disegni.gif') no-repeat 0 0;
  width: 100px;
  height: 100px;
  background-position: 0px -100px;
}
.nodi:hover{ 
  background:URL('http://www.retefm.net/images/pubblicita/disegno/pennelli-disegni.gif') no-repeat 0 0;
  width: 100px;
  height: 100px;
  background-position: 0px -100px;
}


.nodi:active{ 
  background:URL('http://www.retefm.net/images/pubblicita/disegno/pennelli-disegni.gif') no-repeat 0 0;
  width: 100px;
  height: 100px;
  background-position: 0px -100px;
}
nella pagina dove dovrebbe comparire ho semplicemente messo:

Codice: [Seleziona]

<div class="nodi"&nsbp;<>
ho provato a metterlo sotto id ma non cambia nulla 




potete aiutarmi?




P.s.
La pagina incriminata è questa

Codice: [Seleziona]



http://retefm.net/servizi/disegno.html




[GaltaRed]

nessuno sa dirmi?