CSS Probleme mit Internet Explorer

Hi,

habe hier ein Menü:

http://www.auto-schweer.de/index.php?id=17

funktioniert im FF 1A, aber im IE, werden die hover und active Links nicht richtig angezeigt, scheint mir so als wenn die überlagert wären, aber kann mir nicht erklaeren durch was.

Mein CSS sieht so aus:

Für die Linke SPalte:

/* Linke Box*/
#left {
	margin: 4px;
	float: left;
	width: 165px;
	z-index: 10;
	background: #E6E6E6;
}

#left-content {
	position: relative;
	width: 166px;
}

#left-menu-box{
	margin: 2;
	padding: 0px;
}

#left-marker-box {
	margin: 4px;
	padding: 4;
}

#left-marker {
	margin: 0;
	padding: 0 6px;
	background: #999999;
}

Für das Menü:

#left-menu ul {
	margin: 0;
	padding: 2px;
	overflow: hidden;
	list-style-type: none;
}

#left-menu ul a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
	display: block;
}

#left-menu ul li {
	display: block;
	padding: 0;
	margin: 0;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #F3F3F3;
	border-bottom-color: #F3F3F3;
	background: #E6E6E6;
}

#left-menu li.left-level-1-no a {
	height: auto;
	text-decoration:none;
    display: block;
	padding: 3px 6px 3px 15px;
	background: #E6E6E6;
	color: #666666;
}

#left-menu li.left-level-1-no a:hover, #left-menu li.left-level-1-act a {
	height: auto;
	text-decoration: none;
	display: block;
	padding: 3px 6px 3px 15px;
	background: #000033;
	color: #666666;
}

#left-menu li.left-level-2-no a {
	height: auto;
	text-decoration: none;
	display: block;
	padding: 3px 6px 3px 25px;
	background: #E6E6E6;
	color: #666666;
}

#left-menu li.left-level-2-no a:hover, #left-menu li.left-level-2-act a {
	height: auto;
	text-decoration: none;
	display: block;
	padding: 3px 6px 3px 25px;
	background: #666666;
	color: #FFFFFF;
}

#left-menu li.left-level-3-no a {
	height: auto;
	text-decoration: none;
	display: block;
	padding: 3px 6px 3px 35px;
	background: #E6E6E6;
	color: #666666;
}

#left-menu li.left-level-3-no a:hover, #left-menu li.left-level-3-act a {
	height: auto;
	text-decoration: none;
	display: block;
	padding: 3px 6px 3px 35px;
	background: #666666;
	color: #FFFFFF;
}

Vielleicht sieht jemand was , was ich nicht sehe ...

danke

Hi,

ist zwar optisch nicht so 1a aber den Fehler kann ich nicht erkennen.

Gruß Alex

ps. display: block; in zusammenhang mit height: auto; ohne längenangabe funktioniert nicht im ie.

pss. Diene Seite zeigt nenn mx5 der so aus sieht wie mein Honda :o

So.

hab nun

#left-content {
	position: relative;
	z-index: 5;
	width: 166px;
}

gegen

#left-content {
	width: 166px;
}

ersetzt, damit geht es :-)