IE stellt liste nicht horizontal dar

html.de-Forum HTML, XHTML & CSS
1

Hallo,
habe eine liste erstellt. im ff sieht die auch richtig aus, aber bei der anpassung für den ie klemmt es nun und ich finde den fehler nicht.
[html]

[/html]

und das zugehörige css:

#navi
{
   margin: 0;
   padding: 0;
   height: 25px;		
   width: 160px;
   list-style: none;
   display: inline;
}
#navi li
{
   list-style: none;
   display: inline;
   width: 160px;
   height: 25px;
   float: left;
   overflow: hidden;
}
#navi a
{
   padding-top: 4px;		
   float: left;
   text-align: center;
   background-image: url("../images/rollover.gif");
   background-position: 0px 0px;
   background-repeat: no-repeat;
   width: 160px;
   height: 25px;
   color: #3b3530;
   font-weight: bold;
   font-size: 11pt;
   text-decoration: none;
}
#navi a:hover
{
   background-position: 0px -25px;
}
a.active
{
   background-position: 0px -50px !important;
}

kann mir da jemand helfen?

2

Bitte [noparse][html][/html][/noparse] für HTML-Quellcode verwenden. Dann sehen wir weiter :wink:

3

Nicht nur die code/html/php tags, du solltest auch beschreiben bei was es klemmt.

4

und wie es am Ende aussehen soll.

5

hallo,
ich habe mal eine vereinfachte version hochgeladen:
http://fellfresse.fe.ohost.de/test.htm

es geht um die navigationszeile.
ich habe extra mal ein border gelassen um die fehler hervorzuheben.
ich binde in die einen link ein mit einer (rollover) hintergrundgrafik.
aber die sollte schon linksbündig beginnen.
die ganze tabellenzeile hat nur 800px breite.
wenn ich den 5 eine breite von (800:5) 160px gebe, dann wird die ganze tabelle zerschossen.
und im IE sieht es noch viel schlimmer aus.