ie will width aus css nicht richtig übernehmen

[sysop]

je mehr ich versuche mit css zu arbeiten, um so mehr probleme bekomme ich mit dem ie.

ich habe folgenden code:

<tr>
  <td class="reitfirstinakt" height="24" valign="top">&nbsp;<a rel="nofollow" class="kartei" href="main.php?meine_kartei=0">&nbsp;<span class="kartei2">Allgemein</span>&nbsp;</a>&nbsp;</td>
  <td class="reiterinakt" height="24" valign="top">&nbsp;<a rel="nofollow" class="kartei" href="main.php?meine_kartei=1">&nbsp;<span class="kartei2">Fotos</span>&nbsp;</a>&nbsp;</td>
  <td class="reiterakt" height="24" valign="top">&nbsp;<a rel="nofollow" class="kartei" href="main.php?meine_kartei=2">&nbsp;<span class="kartei">Terrarium</span>&nbsp;</a>&nbsp;</td>
  <td class="reiterinakt" height="24" valign="top">&nbsp;<a rel="nofollow" class="kartei" href="main.php?meine_kartei=3">&nbsp;<span class="kartei2">Futter Kalender</span>&nbsp;</a>&nbsp;</td>
  <td class="reiterinakt" height="24" valign="top">&nbsp;<a rel="nofollow" class="kartei" href="main.php?meine_kartei=4">&nbsp;<span class="kartei2">Lexikalisches</span>&nbsp;</a>&nbsp;</td>
  <td class="reitlastinakt" height="24" valign="top">&nbsp;<a rel="nofollow" class="kartei" href="main.php?meine_kartei=5">&nbsp;<span class="kartei2">Sonst</span>&nbsp;</a>&nbsp;</td>
</tr>

für die <td class einträge habe ich folgende css einträge:

/* aktive und inaktive kartei reiter */
.reiterakt
{
    background-image: url(white1.gif);
    background-repeat: no-repeat;
    vertical-align:middle;
    width:133px;
}

.reiterinakt
{
    background-image: url(white2.gif);
    background-repeat: no-repeat;
    vertical-align:middle;
    width:133px;
}
/* der letzte karteireiter sieht von der grafik her anders aus kein strich hinten) */
.reitlastinakt
{
    background-image: url(white3.gif);
    background-repeat: no-repeat;
    vertical-align:middle;
}

.reitlastakt
{
    background-image: url(white4.gif);
    background-repeat: no-repeat;
    vertical-align:middle;
}

/* der erste karteireiter sieht auch anders aus (kein strich vorne) */
.reitfirstakt
{
    background-image: url(white5.gif);
    background-repeat: no-repeat;
    vertical-align:middle;
    width:133px;
}

.reitfirstinakt
{
    background-image: url(white6.gif);
    background-repeat: no-repeat;
    vertical-align:middle;
    width:133px;
}

opera, firefox, konqueror, übernehmen den width eintrag fehlerfrei, der ie macht beim ertsten und letzten reiter probleme..

zu betrachten hier: webhosting24 - Login

 

[sysop]

habe nach ewigem rumprobieren nun einen lösung gefunden,. allerdings keine, die mit css realisiert worden wäre...
ich habe die ganzen karteireiter nochmal in eine tabelle gepackt und siehe da, es gaht in allen browsern, mit allen grössenangaben.

ist zwar nicht der sinn von css, aber was soll´s.