display:block nur bei linker Zelle

[Simone]

Hi,

ich habe ein paar Problem, was mich total verrückt macht...

Eine ganz simple Tabelle:

<table class="navi_tabelle" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td class="navi4"><a href="about.html">About</a></td>
    <td class="navi5"><a href="impressum.html">Impressum</a></td>
  </tr>
</table>

mit folgendem CSS:

.navi_tabelle {
 color:#FFFFFF;
 text-align:center;
}
.navi4 A:link, .navi4 A:visited, td.navi5 A:link, td.navi5 A:visited {
 text-decoration:none;
 display:block;
}
.navi4 A:hover, td.navi5 A:hover {
 text-decoration:none;
 background-color:#fea500;
 display:block;
 line-height:18px;
}
.navi4 {
 height:18px;
 background-color:#ff511f;
 width:76px;
 border-left:3px solid #ffffff;
 border-right:6px solid #ffffff;
}
.navi5 {
 height:18px;
 background-color:#ff511f;
 width:77px;
}

Warum wechselt bei "About" die Hintergrundfarbe sobald ich über die Zelle fahre (wie gewollt), bei "Impressum" aber erst wenn die Maus über der Schrift ist??? Bitte um Hilfe, ich bin hier schon am verrückt werden... Und das verrückte ist ja, wenn die die beiden Zellen komplett vertausche:

<table class="navi_tabelle" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td class="navi5"><a href="impressum.html">Impressum</a></td>
    <td class="navi4"><a href="about.html">About</a></td>
  </tr>
</table>

Dann läuft es bei Impressum wie gewollt. Also immer die linke Zelle funktioniert....

Danke für die Hilfe,
schönen Tag noch.

Gruß Simone