Popout Menü geht im IE nicht

[FunkFlex]

Hi,
ich habe folgendes Problem,
ich habe ein horizontales Popout Menu erstellt, dass in Firefox, Safari und Opera auch wunderbar funktioniert. Nur der IE zickt mal wieder rum.

hier der HTML Code:

	<ul id="menu">
       				<li><a href="#">Home</a>&nbsp;&nbsp;&nbsp;&brvbar;</li>
   
   		      		<li><a href="#">&Uuml;ber Mich</a>&nbsp;&nbsp;&nbsp;&brvbar;</li>
            
       	    			<li><a href="#">Galerie</a>&nbsp;&nbsp;&nbsp; 
       					<ul id="nav">
      						<li><a href="#">Punkt1</a></li>                
               				</ul>
           
           	 		&brvbar;</li>
            			<li><a href="#">Kundenbereich</a>&nbsp;&nbsp;&nbsp;&brvbar;</li>
            			</li>
				<li><a href="#">Kontakt</a>&nbsp;&nbsp;&nbsp;&brvbar;</li>            
			</ul>

und hier das CSS dazu:

ul#menu{
	display:inline;
	float:left;
	position:relative;
	top:-25px;
	left:-10px;
	z-index:4;
}

ul#menu li{
	display:inline;
	float:left;
	color:#FFF;
	list-style-type:none;
	position:relative;
	margin-right:16px;


}

ul#menu li ul{
	display:none;
	list-style-type:none;
	text-decoration:none;
	position:absolute;
	left:-25px;
	
	}
	
	
ul#menu li:hover, li.over ul{
	display:block;
	list-style-type:none;
	text-decoration:none;	

}



ul#menu li:hover ul li{
	display:block;
	list-style-type:none;
	text-decoration:none;	
	position:relative;
	width:130px;
	height:25px;
	line-height:25px;
    border-color:#FFF;
	border:thin;
	text-align:center;
	border-color:#FFF;
	border-width:thin;
}

ul#menu li:hover ul li a{
		display:block;
	list-style-type:none;
	text-decoration:none;	
	position:relative;
	width:130px;
	height:25px;
	line-height:25px;
	border-color:#FFF;
	border:thin;
	text-align:center;
	border-color:#FFF;
	border-width:thin;
	background-color:#333;
	color:#FFF;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:14px;
	text-align:center;
	
}
ul#menu li:hover ul li a:hover{
		display:block;
	list-style-type:none;
	text-decoration:none;	
	position:relative;
	width:130px;
	height:25px;
	line-height:25px;
	text-align:center;
	border-color:#FFF;
	border:thin;
	border-width:2px;
	background-color:#FFF;
	color:#CCC;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:14px;
	text-align:center;
	
}
	



ul#menu li a{
	list-style-type:none;
	text-decoration:none;
	color:#FFF;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:14px;
	}
ul#menu li a:hover {
display:block;
	}

Wichtige Info wäre vlt noch, dass das auf einem Typo3 System läuft.
Weiss jemand eine Lösung? Is bestimmt wieder nur was kleines...
Danke schonmal!

Gruß FunkFlex

 

[threadi]

Lass mich raten: der IE klappt die Untermenüs nicht auf und Du hast einen IE6 vor dir? Der unterstützt keine hover-Pseudoklasse bei <li>-Elementen. Für den musst Du das Aufklappen per JavaScript realisieren.

 

[FunkFlex]

Nein leider IE8&9 .... und ich weiss nicht warum.... manchmal glaub ich Microsoft macht mit dem IE eher Rück- als Fortschritte... noch weitere Lösungen?

 

[threadi]

Was ist denn genau das Problem? Wird etwas falsch dargestellt? Wenn ja, was? Du schreibst nur von einem Problem und das der Browser "rummzickt".

Evtl. ist auch die fehlende horizontale Ausrichtung in "ul#menu li ul{" ein Problem.

 

[FunkFlex]

Ich hab doch geschrieben was das Problem ist.
In allen Browsern außer dem IE funktioniert das Menü.
Und nein es ist nicht die fehlende Horizontale ausrichtung.
Das Menu das "auspoppen" sollte, kommt einfach im IE nicht raus.
Das übergeordnete Menü mit den Hauptpunkten is schon wunderbar horizontal ausgerichtet.

 

[FunkFlex]

Keiner mehr ne Antwort parat?

 

[CPoly]

Lass mich raten: der IE klappt die Untermenüs nicht auf und Du hast einen IE6 vor dir? Der unterstützt keine hover-Pseudoklasse bei <li>-Elementen. Für den musst Du das Aufklappen per JavaScript realisieren.

Oder der IE7/8 befindet sich im Quirks Modus und beherrscht ebenfalls den :hover Selektor nur bei Links (Was auch andere Browser im Quirks Modus teilweise tun).

 

[FunkFlex]

Selbst wenn ich es mit links probiere,
quasi ul#menu a{ }
bzw. dann ul#menu a:hover machen, gehts nichts...
Kann das am Typo3 liegen? Oder an einem Fehler den ich übersehen habe?

 

[FunkFlex]

Ich bräuchte immernoch hilfe...

 

[CPoly]

Dann geh doch mal auf meinen Beitrag ein und verrate uns, ob sich der IE im Quirks Modus befindet. Falls du nicht weißt wie, gib auf der entsprechend Seite "javascript:alert(document.compatMode)" in die Adressleiste ein und guck, was er ausgibt. "CSS1Compat" wäre gut, "BackCompat" schlecht.