Rieccomi!

Sto lavorando con l'attributo opacity, incrociandolo con a:hover. Finchè ho un'immagine a opacity 1 che al passaggio del mouse diventa 0.0 nessun problema. MA quando tento di fare il contrario, cioè avere un'immagine a opacità 0 che al passaggio del mouse diventi visibile, a opacità 1.0, allora fa cilecca. Ho scoperto che il valore opacity dell'a:hover si applica all'immagine già opacizzata, invece che all'immagine originale. C'è una soluzione?

Cmq qui sotto posto lo stralcio di codice inquisito (:

codice:
#progetti { position: absolute;
			    margin-left: 188px;
			    margin-top: 87px;
			    z-index: 7;
			    opacity: 0.0;}
	#progetti a:hover { opacity: 1.0;}
relativo a questa stringa di html:
codice:
<div id="progetti">
 [img]img/home/progetti.jpg[/img]
</div>