XHTML/CSS filter:opacity blokeert menu

[Geert.H]

Ik zit met een ietwat raar probleem in Internet Explorer 6/7

allereerst maar eens de testcase:
http://geerthoekzema.nl/test

Op FF, safari, Opera werkt het allemaal prima. De menu's hebben een opacity van 80% en het derde level van het menu klapt uit.

Bij IE 6/7 klapt het derde level van het menu niet uit als ik de menu achtergrond een
filter: alpha(opacity=80); mee geef.

Iemand een briljante work-around hiervoor? Zelf ben ik al een paar uur aan het zoeken, maar kan niets vinden.

[Geert.H]

Ik heb eerst opgelost door de filter:alpha(opacity=80); niet op de hele lijst te zetten, maar op het anchor element (wat zich toch gedroeg als een list-item).

Dus als volgt:

code:

<ul>
  <li>
    <a href="#" style="opacity"></a>
    <ul>
      <li>
      <li>
     </ul>
   </li>