Form "springt" im Internet Explorer herum

[Xeraa]

auf http://www.unet.univie.ac.at/~a0425706/php/test/index.php könnt ihr folgendes problem sehen:
unterhalb vom menü habe ich die suchfunktion (form). wenn ich mit der maus über ein unterelement im menü fahre (biogasanlage), dann springt die suche nach unten und wenn ich wieder über ein übergeordnetes element fahre, springt es wieder zurück. mit opera und firefox macht es das nicht, nur im internet explorer (6.0 und 7beta2). hoffe es kann mir wer helfen, weil ich nicht draufkomme, wie ich es ihm austreiben kann.. danke

code menü:

<div id="menu">
	<ul id="navlist">
		<li id="a"><a href="./index.php" title="home">home</a></li>
		<li id="b"><a href="./lebensmittel_biotechnologie.php" title="lebensmittel- & biotechnologie">lebensmittel- & biotechnologie</a></li>
		<li id="c"><a href="./produktentwicklung.php" title="produktentwicklung">produktentwicklung</a></li>
		<li id="d"><a href="./verfahrenstechnik.php" title="verfahrenstechnik">verfahrenstechnik</a></li>
		<li id="e"><a href="./energiesysteme.php" title="energiesysteme">energiesysteme</a></li>
		<li>
			<ul id="subnavlist">
				<li id="ea" class="subnavlist"><a href="./biogasanlage.php" title="biogasanlage">biogasanlage</a></li>
			</ul>
		</li>
		<li id="f"><a href="./impressum.php" title="impressum">impressum</a></li>
		<li id="g"><a href="./kontakt.php" title="kontakt">kontakt</a></li>
		<li id="h"><a href="./sitemap.php" title="sitemap">sitemap</a></li>
	</ul>
	<form id="search-form" method="post" action="suchen.php">
		<p>
			<label id="suchen" for="search" title="Suchen auf gradient.at">suchen:
				<input type="text" maxlength="32" size="10" name="search" id="search" value="" title="Suchbegriff bitte hier eingeben."/>
				<input type="submit" value=">" class="button"/>
			</label>
		</p>
	</form>

CSS:

#menu{
	float:left;
	width:235px;
	margin:20px 0 0 10px;
	padding:0;
}
#navlist{
	margin:0;
	padding:0;
	border:0;
	width:195px;
	color:inherit;
	background-color:#ffffff;
	font:11px verdana,sans-serif;
	text-align:left;
}
#navlist li{
	list-style:none;
	border:1px solid #ffffff;
}
#navlist a{
	color:#990000;
	background-color:inherit;
	text-decoration:none;
	display:block;
	border-left:6px solid #a0a0a0;
	border-bottom:1px solid #a0a0a0;
	padding:4px 0 4px 8px;
}
#navlist a:hover{
	color:#ffffff;
	background-color:#a0a0a0;
	border-color:#990000;
}
#subnavlist a{
	border:0;
	border-right:0.8em solid #a0a0a0;
	padding:3px 5px 3px 0;
	text-align:right;
}
body#seca #menu li#a, body#secb #menu li#b, body#secc #menu li#c, body#secd #menu li#d, body#sece #menu li#e, body#secea #menu li#ea, body#secf #menu li#f, body#secg #menu li#g, body#sech #menu li#h{
	color:#ffffff;
	background-color:#990000;
}
body#seca #menu li#a a, body#secb #menu li#b a, body#secc #menu li#c a, body#secd #menu li#d a, body#sece #menu li#e a, body#secea #menu li#ea a, body#secf #menu li#f a, body#secg #menu li#g a, body#sech #menu li#h a{
	color:#ffffff;
	background-color:inherit;
	font-weight:bold;
	border-color:#a0a0a0;
	cursor:text;
}
#menu form{
	font:13px verdana,sans-serif;
	text-align:left;
	margin:0;
	padding:20px 0 15px 20px;
}

 

[Skittles]

hab zwar keinen ie zur hand, aber einen tipp hätte ich:

				<input type="submit" value=">" class="button"/>

durch folgende ersetzen

				<input type="submit" value=">" class="button"/>

 

[Xeraa]

danke einmal, aber es ändert leider nichts am problem.

meiner meinung nach ist das problem, wie ich die listen neste. es schaut ja so aus:

<li id="e"><a href="./energiesysteme.php" title="energiesysteme">energiesysteme</a></li>
		<li>
			<ul id="subnavlist">
				<li id="ea" class="subnavlist"><a href="./biogasanlage.php" title="biogasanlage">biogasanlage</a></li>
			</ul>
		</li>

es "springt" nicht, wenn es so ist:

<li id="e"><a href="./energiesysteme.php" title="energiesysteme">energiesysteme</a>
		<ul id="subnavlist">
			<li id="ea" class="subnavlist"><a href="./biogasanlage.php" title="biogasanlage">biogasanlage</a></li>
		</ul>
	</li>

aber dann ändert sich die hintergrundfarbe für das unterelement biogasanlage, wenn sein oberelement energiesysteme aktiviert ist - siehe bild im anhang (wieder nur im IE, bei FF und opera passt auch dann alles).
mir ist das hüpfen zwar lieber als so wie es im bild ausschaut, aber ich würde auch das gerne wegbekommen. AFAIK fehlt irgendein IE hack mit height:1% oder so, aber ich komm nicht drauf...

 

[Xeraa]

so, falls einmal wer anderer das problem hat, lösung schaut so aus (browserweiche):

	<!--[if lte IE 6]>
		<style type="text/css">#navlist li{height:0;} #navlist a{width:100%;}</style>
	<![endif]-->
	<!--[if IE 7]>
		<style type="text/css">#navlist li{height:100%;}</style>
	<![endif]-->

 

[Ansk]

super, aber bei mir funkts das blos in firefox, im ie wie vorher