ugrás a tartalomhoz

CSS menü meghal IE alatt, ha opacity-t állítok rá

halucska · 2006. Dec. 4. (H), 10.55
Heló!

Szeretnék áttetsző legördülő menüt, mer az menő. Viszont IE alatt, ahogy beállítom neki a filtert css-ben, elkezd nem működni: kinyílik, de ha végigszántok rajta egérrel, akkor magától becsukódik.
Miért?
 
1

És a kód:

halucska · 2006. Dec. 5. (K), 10.49
HTML:

...
<script type="text/javascript">
<!--
window.onload=show;
function show(id) {
var d = document.getElementById(id);
  for (var i = 1; i<=10; i++) {
     if (document.getElementById('smenu'+i)) 
        {document.getElementById('smenu'+i).style.display='none';}
  }
if (d) {d.style.display='block';}
}
//-->
</script>
...
<div id="menu">
  <dl>			
    <dt onmouseover="javascript:show('smenu1');" class="menu_font"><a href="#" class="fade">Menü1</a></dt>
      <dd id="smenu1" onmouseover="javascript:show('smenu1');" onmouseout="javascript:show('');">
        <ul>
          <li><a>Menü1_1</a></li>
          <li><a>Menü1_2</a></li>
        </ul>
      </dd>
  </dl>
</div>
CSS:

...
#menu dd {
  position:absolute;
  top: 32px;
  display: none;
  border-left: 1px solid #396BbD;
  border-right: 1px solid #396BbD;
  border-bottom: 1px solid #396BbD;
  width: 150px;
  opacity: 0.8;
  filter: alpha(opacity=80); /* na, ezt nem lehet mert akkor vége a világnak */
}
...