Aiuto codice HTML onMouse!

[matty94]

Ciao a tutti, ho creato un semplice menu con codice onMouseOver/Out per il mio sito, ma quando passo sopra all'immagine con il mouse si crea una leggera ombra, come se si scurisse l'immagine stessa.
Guardando nella sorgente di

www.spook.it/2index.php (http://spook.it/2index.php)

potreste aiutarmi a risolvere il problema dicendomi dove ho sbagliato?
Comunque il codice è questo:


<a href="index.php">
<img style="border:none" src="images/home1.png" onMouseOver="this.src='images/home2.png';" onMouseOut="this.src='images/home1.png';">
</a>

Grazie in anticipo, Mattia.

P.S.: Ammetto che si scurisce molto lievemente, ma vorrei eliminare l'effetto, anche perchè quando con il mouse mi avvicino al bordo dell'immagine, prima si scurisce, poi quando passo sopra si attiva l'effetto onMouseOver.

[Supdario]

Penso che il responsabile sia questo, nel CSS:

A:hover IMG {
/* for IE */
filter:alpha(opacity=80);
/* CSS3 standard */
opacity:0.8;
}

[black_wizard]

ma non è il png che fa l'hover che è fatto così?

[matty94]

Penso che il responsabile sia questo, nel CSS:

A:hover IMG {
/* for IE */
filter:alpha(opacity=80);
/* CSS3 standard */
opacity:0.8;
}


Grazie mille, era proprio quello il problema!
Avendo copiato il foglio di style CSS da un altro mio sito, mi sono dimenticato di togliere quelle stringhe di codice.
Grazie mille, potete chiudere!