I have a problem with IE8 rendering opacity.

div#ttl is an overlay, and is set to

display:none;
-moz-opacity:0.50; filter:alpha(opacity=50); opacity:0.50;

and faded in with jQuery:

function showtitle() {
$('#ttl').delay(4200).fadeIn(2000);
}

IE8 (I don't have another vesion to test) does the fade correctly, so that the element underneath can still be seen through the overlay; but it then immediately jumps to full opacity.

IE does this in compatibility mode; in compat. mode with a meta tag override
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
and with compat. mode switched off... all local testing.

Is this a known problem? Any suggestions for another way to get a semitransparent overlay ?

cheers

ctoz