IE8 opacity et image PNG

Bonjour,

j'ai un petit problème,

je suis obligé d'utiliser IE8 (oui je sais mais bon, je n'ai pas le choix).

Une image PNG est mise dans un DIV, jusque là tout va bien j'ai la transparence dans mon image.

Je voudrais appliquer une opacity à ce DIV et lorsque je passe la souris sur le DIV l'opacity est de nouveau à 100%.
Le problème est que si je met opacity au DIV, l'image PNG n'a plus de transparence.

voici en gros le code de ma page :

                 <div id="div-post-it">
					blablabla ...
		</div><!------ div-post-it ----->

voici le css :

#div-post-it {
background-image:url(images/post-it.png);
filter: alpha(opacity=20);
}
#div-post-it:hover {
filter: alpha(opacity=100);
}

Je voudrais savoir si quelqu'un a une solution pour que le PNG garde la transparence.

Merci



--
Il n'y a pas de défaite si on sait en tirer des leçons !