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!

[Anick]

Direi di utilizzare gli stili. Ad es.:

a {
background: url(images/home.png) no-repeat;
}
a:hover  {     
background: url(images/homeclick.png) no-repeat;
} 

[luseresi]

Grazie mille!
Ora mi chiedevo una cosa simile a questa che ho chiesto...
Sto usando i frame, quindi quando clicco sul link di quel pulsante si apre la finestra nel frame sotto.
Posso fare in modo che ci sia comunque onmouseover e onmouseout che mi hai consigliato tu, ma che quando ci clicco sopra e continuo a essere dentro a quel link aperto sul frame, mi rimanga il pulsante del colore che viene fuori quando ci passo sopra col mouse?
Spero di essermi spiegato...se io ci passo solo sopra con il mouse auutalmente il pulsante diventa piu scuro, ma se poi il cursore lo sposto il pulsante ritorna come prima, posso fare in modo che quando ci clicco sopra il pulsante rimane nero in modo tale che l'utente sa in che posizione è?
Grazie mille e buona giornata

[Anick]

Si potrebbe fare qualcosa del genere in javascript, assegnando un ID ad ogni lista e creando una classe .current a tuo piacere.

        <style type="text/css">
            a {
                color:blue;
            }
            a:hover  {
                color:fuchsia
            }
            .current {
                background-color: orange;
            }
            ul {
                width:100px;
            }
        </style>
        <script language="Javascript">
            function currentSelection(id){
                if(id=="uno"){
                document.getElementById("uno").className = "current";
                document.getElementById("due").className = "";
                } else {
                    document.getElementById("due").className = "current";
                    document.getElementById("uno").className = "";
                    }
            }
        </script> 

        <ul>
            <li id="uno" onclick="currentSelection('uno')">[url="#"]Pagina 1[/url]
            <li id="due" onclick="currentSelection('due')">[url="#"]Pagina 2[/url][/list] 

[luseresi]

Buongiorno a tutti,
avendo 5 possibili pulsanti su cui cliccare, non diventa un po complessa la creazione di questo codice?
Grazie mille e buona giornata