allora
innanzitutto scusate il ritardo della mia risposta ma ultimamente ho dovuto fare altre cose e questo problema è finito un po' nel cassetto...

ho provato a seguire il tuo consiglio e ho cercato di riprodurre lo stesso effetto utilizzando la proprietà :hover dei css

in pratica nel css ho inserito:
codice:
img.rollover {{background: url(immaginigenerali/blizzard.gif);}

img.rollover:hover {background: url(immaginigenerali/blizzardroll.gif);}
e nell'html:
dove spazio.gif è una gif trasparente che mi serve solo a dare la dimensione per il background.

seguendo questo metodo funziona tutto con firefox ma l'effetto non funziona con ie

ho spostato la proprietà sul tag "a" invece che "img" e il risultato è che su ie funziona ma su firefox mi taglia le immagini a metà

ho provato anche ad inserire la proprietà su entrambi i tag il risultato è che su ie funziona ma su firefox al passaggio del mouse l'effetto risulta sdoppiato...

ragazzi dove sto sbagliando?? help please