nicht angemeldet
Hallo zusammen,
ich habe folgendes Problem:
Ich passe momentan auf www.ilvers.de ein Joomla Template an und musste zu meinem Schrecken feststellen, dass das horizontale Menü im IE6 nicht korrekt angezeigt wird. Die verschiedenen Menüpunkte werden da nicht nebeneinander, sondern absteigend angezeigt. Hat jemand eine Idee, woran das liegen könnte? Ich bin ratlos :(
<div class="navigation">
<ul id="mainlevel-nav">
<li>
<a class="mainlevel-nav" href="http://www.ilvers.de/index.php?option=com_frontpage&Itemid=31">Home</a>
</li>
<li>
<a class="mainlevel-nav" href="http://www.ilvers.de/index.php?option=com_content&task=view&id=15&Itemid=30">Events</a>
</li>
...
Das zugehörige CSS (ich weiß, dass das class="mainlevel-nav" überflüssig ist):
.navigation {
background:#DED9D0 url(../images/nav.gif) repeat-x scroll 0%;
border-top:1px solid #999966;
height:41px;
}
.navigation li {
list-style-type:none;
}
.navigation a {
background:#FFFFFF url(../images/nav.gif) repeat-x scroll 0%;
border-right:1px solid #C9C6B3;
color:#555533;
float:left;
font-family:Tahoma,sans-serif;
font-size:1em;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:41px;
padding:0pt 14px;
text-align:center;
text-decoration:none;
}
.navigation a:hover, .navigation a#active {
background-position:left bottom;
color:#333311;
}
Vielen Dank im Vorraus!
Stefan