✔ Listennavigation wird im IE6 falsch dargestellt

[schutzgeist]

Guten Morgen

Ich habe eine Navigation aus Listenelementen erstellt.
Diese wird in IE < 7 und FF richtig angezeigt.

Im IE6 allerdings total falsch.

Ich hab das Bild mal angehängt.

CSS:

#navi {
	float: left;
	height: 25px;
	width: 100%;
	background: #53B848;
	color: #FFF;
	font-weight: bold;
	font-size: 13px;
	width: 870px;
}
div#navi ul {
	margin: 0;
	padding: 0;
	height: 25px;
}
div#navi li {
	position: relative;
	list-style: none;
	margin: 0;
	float: left;
	width: auto;
}
div#navi li a {
	display: block;
	padding: 4px 10px 4px 10px;
	border-right: 1px solid #FFF;
	text-decoration: none;
	width: auto;
	color: #FFF;
	height: 17px;
}
div#navi>ul a {
	width: auto;
}
div#navi ul.level1 {
	display:block;
}

HTML:

<div id="navi">
<ul class="level1">
  
    <li><a href="index.asp?ID=1">Start</a></li>
    
    <li><a href="index.asp?ID=2">Unternehmen</a></li>
    
    <li><a href="index.asp?ID=13">Dienstleistungen</a></li>
    
    <li><a href="index.asp?ID=3">Produkte</a></li>
    
<li><a href="index.asp?ID=4">Aktuelles</a></li>
<li><a href="index.asp?ID=5">Kontakt</a></li>
<li style="float:right;"><a href="xxx"><img src="img/schloss.gif" border="0"/></a></li>
</ul>
 
</div>

Die Elemente werden umgebrochen und dann auf die ganze Breite gestreckt.. ich find nur den Fehler nicht

Danke schonmal im voraus,
Gruße schutzgeist

 

[nimenn]

Hallo,

Schau Dir bitte mal folgendes Beispiel von selfhtml an, wenn
Du anschließend Fragen hast, nur her damit:

http://de.selfhtml.org/css/layouts/navigationsleisten.htm#modern

Hier wird auf die besonderen Bedürfnisse älterer Browser eingegangen.

Gruß
nimenn

 

[Maik]

Hi,

änder mal die Regeln folgendermaßen um:

div#navi li {
        position: relative;
        list-style: none;
        margin: 0;
        display: inline;
        width: auto;
}
div#navi li a {
        float: left;
        padding: 4px 10px 4px 10px;
        border-right: 1px solid #FFF;
        text-decoration: none;
        width: auto;
        color: #FFF;
        height: 17px;
}

mfg Maik

 

[schutzgeist]

Hallo Maik,

dann lags wohl an dem display: block?

Klasse, vielen Dank

 

[Maik]

Hallo Maik,

dann lags wohl an dem display: block?

Klasse, vielen Dank

Bingo

Und wie immer, gern geschehen

mfg Maik