ie problem mit listen

[smac5]

Hallo,
ich versuche eine Navigation mit einer Liste darzustellen funktioniert in allen Browsern ohne den ie bestens. Hier mal der Code:

<div id="navigation">
<img src="upload/design/straussenfeder.gif" alt="" width="32" height="44" border="0" class="feder"><br>
<ul>
	<li><a href="#">Die Straussenfarm</a></li>
	<li><a href="#">Der Edelstrauss</a></li>
	<li><a href="#" class="act">Die Produkte</a></li>
	<ul>
		<li><a href="#">Fleisch</a></li>
		<li><a href="#">Geräuchertes</a></li>
		<li><a href="#">Selchwürstel</a></li>
		<li><a href="#">Leberstreichwurst</a></li>
		<li><a href="#">Eier</a></li>
	</ul>
	<li><a href="#">Neuigkeiten</a></li>
	<li><a href="#">Kontakt</a></li>
	<li class="oben">&nbsp;</li>
</ul>
</div>

und hier das css dazu:

#navigation{
	font-family: arial, sans-serif;
	position:absolute;
	top:260px;
	left:60px;
	width:205px;
}

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

#navigation ul li{
	border-right: solid #BE1F24 2px;
	border-top: solid #BE1F24 2px;
	border-left: solid #BE1F24 2px;
	margin:0;
	padding:0;
}

#navigation ul li.oben{
	border-right: none;
	border-left: none;
	margin:0;
}

#navigation ul a {
	text-decoration:none;
	color:black;
	background-color:#FDB813;
	display:block;
	width:88%;
	padding: 3px 6%;
	margin:0;
}

#navigation ul ul a {
	color:#BE1F24;
	background-color:#FFD27C;
}

#navigation ul a:hover, #navigation ul a.act {
	color:white;
	background-color:#BE1F24;
}

Leider wird beim ie der Rand rechts und links der zweiten Navigationsebene zu breit. Kann mir jemand eine Lösung dafür sagen?

 

[simonef]

Hallo smac5,

schau dir doch mal dieses Tutorial an.
Da ist das mit dem IE erklärt.
z.B.:

width: expression((document.body.clientWidth - 200) + "px");

Leider weiß ich nicht, wie es aussehen soll, da ich nur den IE hab...find´s so auch ganz ok

cu
simone