DropDown Liste funktioniert nicht im IE... Firefox kein Problem!

[DSchak]

Hallo Selfhtml-Gemeinde, ich hoffe jemand von Euch kann mir sagen warum das "Drop-Down"-Menü via Liste im Internet Explorer nicht funktioniert.... Im Firefox ist ALLES so wie es sein soll. Kann der Internet Explorer vielleicht nicht mit "display:none" und dem "display:block;" beim zugehörigen Hover-Effekt umgehen? Die Listenelemente in der Ersten Ebene werden ja angezeigt aber Wenn man auf den Reiter "Produkte" geht wird das Untermenü eben nicht angezeigt. Bitte um schnelle Hilfe!!! Danke im Voraus, hier ein Quellcodeauszug aus der css-Formatierung:

<style type="text/css">

ul#navigation-1 li#aktuell
{ margin:0; padding:1px 0; list-style:none; width:100%; height:21px; font:normal 8pt verdana, arial, helvetica;}
ul#navigation-1 li#aktuell  a:link{ color:#c6df43;}
ul#navigation-1 li#aktuell  a:visited{ color:#c6df43;}
ul#navigation-1 li#aktuell  a:hover{ color:#c6df43;}

ul#navigation-1 li#aktuell
{ font-weight:bold; margin:0; padding:0; display:block; float:right; position:relative; width:80px; top:0px;}

ul#navigation-1
{ margin:0; padding:1px 0; list-style:none; width:100%; height:21px; font:normal 8pt verdana, arial, helvetica;}
ul#navigation-1 li
{ font-weight:bold; margin:0; padding:0; display:block; float:right; position:relative; width:80px; top:0px;}
ul#navigation-1 li a:link,
ul#navigation-1 li a:visited
{ padding:4px 0; display:block; text-align:center; text-decoration:none; background:none; color:#ffffff; height:13px; }
ul#navigation-1 li:hover a { b_ackground:red; color:#ffffff;}
ul#navigation-1 li a:active,
ul#navigation-1 li a:hover
{ padding:4px 0; display:block; text-align:center; text-decoration:none; background-color:none; color:#c6df43; height:13px; }

ul#navigation-1 li ul.navigation-2
{ margin:0; padding:1px 1px 0; list-style:none; display:none; position:absolute; top:21px; left:-1px; }
ul#navigation-1 li:hover ul.navigation-2
{ display:block; }
ul#navigation-1 li ul.navigation-2 li
{ width:180px; clear:left; top:8px; left:10;}

ul#navigation-1 li ul.navigation-2 li a:link,
ul#navigation-1 li ul.navigation-2 li a:visited
{ text-align:left;clear:left; color:white; background-color: rgba(198, 223, 67, 0.85); padding:4px 0; position:relative; z-index:1000; }
ul#navigation-1 li ul.navigation-2 li:hover a,
ul#navigation-1 li ul.navigation-2 li a:hover,
ul#navigation-1 li ul.navigation-2 li a:active
{ clear:left; color:white; background-color: rgba(178, 203, 47, 1); padding:4px 0; position:relative; z-index:1000; }

ul#navigation-1 li#aktuell ul.navigation-2 li a:link,
ul#navigation-1 li#aktuell ul.navigation-2 li a:visited
{ text-align:left;clear:left; color:white; background-color: rgba(198, 223, 67, 0.85); padding:4px 0; position:relative; z-index:1000; }
ul#navigation-1 li#aktuell ul.navigation-2 li:hover a,
ul#navigation-1 li#aktuell ul.navigation-2 li a:hover,
ul#navigation-1 li#aktuell ul.navigation-2 li a:active
{ clear:left; color:white; background-color: rgba(178, 203, 47, 1); padding:4px 0; position:relative; z-index:1000; }
</style>

...Und hier der Quellcode im Body zum Anzeigen des Menüs...

<ul id="navigation-1">
       <li id="f7"><font color="white" id="btn7font"><a href="impressum/impressum.php"  target="mainframe" style="cursor:pointer;" onclick="btnUnterseite(7)">Impressum</a></font></li>
          <li id="aktuell"><font color="white" id="btn6font"><a href="kontakt/kontakt.php"  target="mainframe" style="cursor:pointer;" onclick="btnUnterseite(6)">Kontakt</a></font></li>
          <li id="f5"><font color="white" id="btn5font"><a href="empty.php"  target="mainframe" style="cursor:pointer;" onclick="btnUnterseite(5)">Produktion</a></font></li>
          <li id="f4"><font color="white" id="btn4font"><a href="empty.php"  target="mainframe" style="cursor:pointer;" onclick="btnUnterseite(4)">Referenz</a></font></li>
      
       <li id="f3"><font color="white" id="btn3font"><a href="empty.php"  target="mainframe" style="cursor:pointer;" onclick="btnUnterseite(3)">Produkte</a></font>
         <ul class="navigation-2">
       <li><a href="empty.php" target="mainframe" onclick="btnUnterseite(10)" title="Spannrahmen">Spannrahmen</a></li>
       <li><a href="empty.php"  target="mainframe" onclick="btnUnterseite(11)" title="Drehrahmen für Fenster">Drehrahmen für Fenster</a></li>
       <li><a href="produkte/produkt3/produkt3.php"  target="mainframe" onclick="btnUnterseite(12)" title="Drehrahmen für Türen">Drehrahmen für Türen</a></li>
       <li><a href="empty.php"  target="mainframe" onclick="btnUnterseite(13)" title="Spannrahmen">Pendeltüren</a></li>
       <li><a href="empty.php"  target="mainframe" onclick="btnUnterseite(14)" title="Spannrahmen">Schiebeanlagen</a></li>
       <li><a href="empty.php"  target="mainframe" onclick="btnUnterseite(15)" title="Spannrahmen">Lichtschachtabdeckungen</a></li>
       <li><a href="empty.php"  target="mainframe" onclick="btnUnterseite(16)" title="Spannrahmen">Pollenschutz Polltec</a></li>
       <li><a href="empty.php"  target="mainframe" onclick="btnUnterseite(17)" title="Spannrahmen">Transparenzgewebe V4A</a></li>
            </ul>
       </li>
      
       <li id="f2"><font color="white" id="btn2font"><a href="ueberuns/ueberuns.php" target="mainframe" style="cursor:pointer;" onclick="btnUnterseite(2)">Über uns</a></font>
       <li id="f1"><font color="#c6df43" id="btn1font"><a href="empty.php" target="mainframe" style="cursor:pointer;" onclick="btnUnterseite(1)">Home</a></font></li>
      
</ul>

[dedlfix]

Hi!

Hallo Selfhtml-Gemeinde, ich hoffe jemand von Euch kann mir sagen warum das "Drop-Down"-Menü via Liste im Internet Explorer nicht funktioniert....

Es gibt drei relevante IE-Versionen. Welche konkret meinst du?

IEs kleiner als 7 kennen :hover nur für a-Elemente. Einen Workaround findest du im Kapitel <http://de.selfhtml.org/css/layouts/navigationsleisten.htm@title=CSS-basierte Navigationsleisten>.

Lo!

[D_Schak]

Ich selbst nutze den IE 8.0 aber will natürlich dass so ziemlich alle neuen IEs damit klarkommen.

[Gunnar Bittersmann]

@@D_Schak:

nuqneH

Ich selbst nutze den IE 8.0 aber will natürlich dass so ziemlich alle neuen IEs damit klarkommen.

?? Der IE 8 ist der einzige neue IE.

IE 7 ist über 3 Jahre alt, IE 6 über 8 Jahre.

Qapla'

[Ulysses]

Hi!

Hallo Selfhtml-Gemeinde, ich hoffe jemand von Euch kann mir sagen warum das "Drop-Down"-Menü via Liste im Internet Explorer nicht funktioniert.... Im Firefox ist ALLES so wie es sein soll.

Nur weil der FF eine Seite so anzeigt, wie du es gerne hättest, ist noch lange nicht ALLES so wie es sein sollte! Sofern es sich nämlich noch immer um diese Seite handelt, die du in diesem Posting angegeben hast, dann würde ich sagen, dass da noch einiges http://de.selfhtml.org/html/allgemein/grundgeruest.htm@title=Grundlegendes nicht in Ordnung ist.
Informiere dich darüber und schreibe dein html entsprechend. Dadurch werden zumindest einige Probleme behoben, die mit dem Quirks-Modus zusammenhängen.

FG Ulysses