ich kämpfe wieder einmal mit dem IE :(.
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. 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
code menü:
Code
<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>
</div>
Alles anzeigen
dazu CSS:
Code
#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;
}
Alles anzeigen