Onmouseover non funziona su link

[luseresi]

Buongiorno a tutti,
vi chiedo cortesemente il vostro aiuto:

ho creato un link con una img dentro, e delle regole onmouseover e onmouseout in modo tale che di base c'e' un'immagine e quando vado sopra con il mouse l'immagine diventa piu scura, e quando mi sposto dal cursore e non ci sono piu sopra ritorna l'immagine di prima.

Ho creato le classi cosi

.home
   {
   background-image: url('images/home.png'); 
   width: 107px;
   height: 45px; 
   }

.homeclick
   {
   background-image: url('images/homeclick.png'); 
   width: 107px;
   height: 45px; 
   } 

E l'istruzione per creare il pulsante è questa

[url="iframes/iframe_home.html"][img]images/home.png[/img][/url] 

Mi funziona SOLO su Internet Explorer 8, ma su Firefox, Opera e Safari non funziona, quando mi posiziono sopra con il mouse mi viene fuori sotto il pulsante una sorta di ombra...
Come posso risolvere?Magari anche con un altro codice...
Grazie!