Hjælp med opacity div i IE

Hej.

Prøv at køre nedenstående i firefox.
Når man kører det samme i Internet Explorer, kan man ikke se Item3. Den bliver clippet pga den opacity i den DIV der har id=drop1

Hvis nogen har en løsning på hvordan jeg kan få opacity til at virke med IE også, giver jeg 200 points og en bajer!

/Morten



<div class=mainmenu>
  <div class=mainmenuitem id=1>hej
    <div style='border-style:solid;border-width:1px;border-color:yellow;width:150px;position:absolute;left:0px;top:30px;z-index:1;background-color:black;filter:alpha(opacity=80);' id=drop1>
      <div style='border-style:solid;' id=i1>item1</div>
      <div style='border-style:solid;width:100px;' id=i2>item2
        <div style='position:relative;overflow:visible;'>
          <div id=s1 style='border-style:solid;border-color:red;border-width:1px;position:absolute;top:0px;left:140px;'>
            <div class=menuitem id=i3>item3</div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>