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>