problemi con opacity: da 0.0 a 1.0 impossibile?

[WebMinus]

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 (:

#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:

<div id="progetti">
 [img]img/home/progetti.jpg[/img]
</div>

[Mich_]

Attenzione che le due opacity sono date a due oggetti diversi nel codice postato qui sopra.

Nel primo dai opacity 0 al <div>, nel secondo cambi l'opacita` nel tag <a> interno al <div>. E chiaramente non puo` visualizzare qualcosa che sta dentro un oggetto invisibile

Prova con:

#progetti a { position: absolute;
			    margin-left: 188px;
			    margin-top: 87px;
			    z-index: 7;
			    opacity: 0.0;}
#progetti a:hover { opacity: 1.0;}

[WebMinus]

Porco cane!

Grazie mille, adesso è tutto ok.