Ho seguito questo tutorial http://bavotasan.com/2009/creating-a...r-fade-effect/ per creare un effetto di visualizzazione di un'immagine al passaggio del mouse sopra un'altra immagine già visualizzata, il tutto con effetto fade.

un problema: la visualizzazione in Chrome non è corretta mentre in IE e Firefox si (ho applicato l'effetto qui http://www.digitalking.it/fxmypics/fx-library/ (cliccare su FX001 o FX002)

Inoltre come faccio ad allineare l'immagine orizzontalmente e verticalmente rispetto alla popup lightbox? (nel css impostando left e top con percentuale non funziona, si sposta solo usando px)

Questo è il codice che attualmente uso.

JS:
codice:
jQuery(document).ready(function(){ jQuery("img.a").hover( function() { jQuery(this).stop().animate({"opacity": "0"}, "slow"); }, function() { jQuery(this).stop().animate({"opacity": "1"}, "slow"); });   });
HTML:
codice:
<div class="fadehover">   </div>
CSS:
codice:
div.fadehover { 	position: relative; 	}   img.a { 	position: absolute; 	left: 0; 	top: 0; 	z-index: 10;         }   img.b { 	position: absolute; 	left: 0; 	top: 0; 	}
Oppure conoscete script migliori per applicare questo effetto?

Grazie
Simone