Godfather: Verschachtelte DIVS: IE7: filter:alpha schneidet inneren DIV ab

Beitrag lesen

Hallo,
bin ein wenig verzweifelt. Es geht um folgendes.

Ein Menü soll mit Hilfe von DIVs erzeugt werden. Das ist soweit auch kein Problem. hierzu werden verschachtelte DIVs verwendet. Für jeden Unterpunkt geht ein neuer DIV auf.

So, jetzt zum Problem: Dieses Menü soll mit dem Hintergrudn verschmelzen. Also wird auf den Parent-DIV ein Alpha-Filter gelegt.

Im Firefox klappt das ganz gut. Sieht auch toll aus.
Im Internet Explorer haut das nicht hin.
Während das Menü ohne den Filter klappt, werden die Child-DIVs bei eingeschaltetem Fenster einfach an der "Grenze" des Paren-DIVs abgeschnitten.

Mit Overflow: visible kann man leider nichts erreichen.

Hier mal ein kurzes Besispiel, dass den gleichen Fehler verursacht:

  
<html>  
  <head>  
  </head>  
  <body>  
    <div id="Div1" style="background-image: url(bg.jpg); position: absolute; top: 50px; left: 50px; width=1024px; height=768px; filter:Alpha(opacity=70); -moz-opacity:0.7; opacity: 0.7; overflow: visible;">  
      <div id="Div1" style="background-image: url(bg.jpg); position: absolute; top: 50px; left: 50px; width=1024px; height=768px;">  
      </div>  
    </div>  
  </body>  
</html>  

Ohne den Filter sind zwei Bilder überlappend auf dem Schirm. Mit Filter wird das zweite Bild (das ich etwas nach rechts verschoben habe) einfach an den Grenzen des ersten DIVs geschnitten.

Kann mir da jemand helfen?

Grüße

Godfather