[JavaScript] Javascript - Css - Problem

[starsk8er]

Hallo,

ich habe auf einer Seite


ein Menü, bei dem, wenn man über die Buttons fährt kommt darunter ein untermenü.
Jetzt habe ich aber bemerkt, dass das Menü bei Netscape 7.1 nicht vollkommen richtig, beim Internet Explorer 7.0 sozusagen gar nicht funktioniert, da das untermenü, nicht unter dem Button erscheint (wie bei IE 6 usw... bzw Firefox sonder daneben und man es dann nicht anklicken kann.

Wie kann ich dieses Problem lösen? Oder kennt jemand von euch ein simples Menü dieser Art.

Hier der Code:

<script type="text/javascript"><!--//--><![CDATA[//><!--

startList = function() {
	if (document.all&&document.getElementById) {
		navRoot = document.getElementById("nav");
		for (i=0; i<navRoot.childNodes.length; i++) {
			node = navRoot.childNodes[i];
			if (node.nodeName=="LI") {
				node.onmouseover=function() {
					this.className+=" over";
				}
				node.onmouseout=function() {
					this.className=this.className.replace(" over", "");
				}
			}
		}
		
				
	}
}
window.onload=startList;



//--><!]]></script>
<style type="text/css">
<!--

ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

li { 
	float: left;
	position: relative;
	width: 107;
}

li ul { 
	display: none;
	position: absolute;
	top: 1em;
	left: 0;
}

li>ul { 	top: auto;
	left: auto;
}

li:hover ul, li.over ul { 
	display: block;
}

#content {
	clear: left;
}
</style]

<ul id="nav"><li> Menuepunkt, der aufklappt wenn man drüberfährt
        <ul><li>
untermenue	

</li></ul></li></ul>

Danke für die Hilfe.

[jahlives]

afaik: IE kennt hover nur bei <a> Erst IE7 interpretiert den hover auch bei <li> und <ul>

[starsk8er]

Original geschrieben von jahlives
afaik: IE kennt hover nur bei <a> Erst IE7 interpretiert den hover auch bei <li> und <ul>

danke erstmal für die schnelle antwort

hmm, das heißt, gibt es hier eine möglichkeit das menü so anzupassen dass es auf ie7 auch läuft?

danke für die info!