Problem med opacity i Internet Explorer.

Hej, jeg sidder med en opgave til et firma, som jeg hurtigt skal have lavet. Men da jeg skulle se den i IE, går det galt!

Jeg har søgt på Eksperten efter opacity, og får de samme 3 linjer hele tiden, så det skulle da gerne være rigtigt.

Jeg bruger følgende i det som skal sætte opacity ned:

<div id="BodyTag">
    en masse indhold
</div>

Min CSS-linje ser således ud:
<style type="text/css">
    .hideBody { filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;}
    #hideBody { filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;}
</style>

Og når jeg skal ændre className'et:
      document.getElementById('BodyTag').className = 'hideBody';
      alert(document.getElementById('BodyTag').className);

-- ved alerten får jeg fint nok "hideBody"!


Problemet er så, at den ikke vil lave opacity til 0,50 - Kan I se et problem dér? Nu har jeg snart stirret mig blind på den fejl i 2 timer!

På forhånd tak,
Jesper