horizontale Navigation

[Andi]

Hallo Zusammen,
auf der Suche nach einer Lösung zur horizontalen Navigation bin ich auf folg. Tutorial gestoßen: http://www.thestyleworks.de/tut-art/listnav5.shtml

im Firefox funzt alles, nur im IE (7) läufts nicht... (zeigt Listenelemente untereinander, statt nebeneinander an,

hier der Link zur Seite:
http://www.firum.de/selfhtml/htm/

hier der Teil des CSS, den ich verwende:

#nav li { /* floaten der Hauptlistenpunkte */
margin: 0; float: left; display: block; padding-right: 5px; }

#nav li.off ul, #nav li.on ul { /* Verstecken der Untermenus */
display: none; }

#nav li a { /* Fur alle Links in der Liste */
display: block; height: 15px;  border: 0px solid #29497b; padding: 1px; }

#nav li.off ul, #nav li.on ul {
 display: none;
 position: absolute;
 top: 33px;

left: 2px;
 padding-top: 10px;
 width: 509px;
}

#nav li.on a { /* Rahmenfarbe fur aktive Flache andern */
border: 1px solid #f90; }

#nav li.on ul a, #nav li.off ul a { /* Vererbung des Rahmens fur Untermenu des aktiven Themas unterdrucken */
border: 0; }

#nav li.on ul { /* Liste des aktiven Untermenus ausgeben */
display: block; }

#nav li.on ul a, #nav li.off ul a {
float: left; /* IE vererbt den Float nicht */ border: 0; color: #f90; width: auto; margin-right: 15px; }

#nav li.on ul { /* Aktuelle Thema anzeigen */ display: block; }

#nav li.off:hover ul { /* Die anderen Themen anzeigen bei hover uber dem Elternmenu */ display: block; z-index: 6000; }

#nav li.off a:hover, #nav li.off:hover a {
background: white; color: red; }

#nav li.off ul, #nav li.on ul { /* Subnav nach unten verschieben */
top: 100px; *top: 44px; /* Repositionierung fur IE */ }

(Zitat)
Jetzt fügen wir für alle Listenelemente, für die :hover deklariert ist, noch schnell die Klasse over ein. Damit funtioniert die Liste für IE-Nutzer ebenso gut wie für alle anderen.

#nav li.off:hover ul, #nav li.over ul { display: block; z-index: 6000; }
#nav li.off a:hover, #nav li:hover a, #nav li.over a { background: #29497b; color: #f90; }

Den Teil des Quelltextes habe ich o.g Quelle entnommen und adaptiert. trotz dem Einfügen erscheint bei mir im IE7 die Menu-Leiste untereinander...

Ich kann leider keinen Fehler finden :-(

Danke vorab
Andi