IE stellt liste nicht horizontal dar

[fellfresse]

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.

<tr>
  <td colspan="5" background="images/navi_farbverlauf.gif">
    <ul id="navi">
      <li><a class="active" href="home.htm" onfocus="this.blur()">Home</a></li>
      <li><a href="apartment.htm" onfocus="this.blur()">gelbes Apartment</a></li>
      <li><a href="apartment.htm" onfocus="this.blur()">gr&uuml;nes Apartment</a></li>
      <li><a href="" onfocus="this.blur()">&Uuml;bersichtskarte</a></li>
      <li><a href="impressum.htm" onfocus="this.blur()">Impressum</a></li>
    </ul>
  </td>
</tr>

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?

 

[flapo]

Bitte [noparse]

[/noparse] für HTML-Quellcode verwenden. Dann sehen wir weiter ;-)

 

[Prophet]

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

 

[CrackPod]

und wie es am Ende aussehen soll.

 

[fellfresse]

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 <td> 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 <td> eine breite von (800:5) 160px gebe, dann wird die ganze tabelle zerschossen.
und im IE sieht es noch viel schlimmer aus.