Problema image hover

[justmarco]

Ciao a tutti,
nella creazione di un sito mi si è presentato un problema abbastanza fastidioso:
al primo accesso al sito, passando il mouse sopra i tasti, prima che compaia la scritta sottolineata si verifica una sorta "scatto" che fa sparire il tasto, come se si caricasse.
Una volta passato il mouse su tutti i tasti il problema non si verifica piu.

il sito è il seguente:
http://www.marcotaddei.eu

la parte di codice interessata è questa:

  

a#home { 	
background: url('images/home.gif');  	
width:68px;  	
height:35px;  	
display:block; 	
float:left; 	
padding-right:3px; 
} 

a:hover#home { 	
background: url('images/home_h.gif'); 	
padding: 0px 0px 0px 0px; 	
margin:0px 0px 0px 0px; 	
padding-right:3px; 
}

mi sapreste dare qualche consiglio su come risolvere il problema? Grazie!!

Marco

[justmarco]

ho risolto utilizzando Javascript invece dei css!
se comunque avete consigli fatemi sapere!

[Mich_]

La cosa e` stata gia` risolta una decina di anni fa.
Si chiama "sprite" (o sprites)

Prova con una ricerca nei tutorial CSS, o nel forum.