td#id a.nav

[Kirtas]

Servus

Ich habe eine Navigation mittels ID erstellt:
Navigation:

<tr> <td id="navigation" ><a href="" class="nav" target="_self">Wir &uuml;ber uns</a></td>
<td class="td_nav_act" id="wir_ueber_uns">&nbsp;</td>
</tr>

Class:
td#navigation a.nav{
 height: 20px;
 width: 100%;
 font-size: 12px;
 color: #FFFFFF;
 font-style: normal;
 line-height: 20px;
 font-weight: normal;
 font-variant: normal;
 text-decoration: none;
 text-transform: none;
 background-color: #666666;
 padding-right: 15px;
 text-align: right;
 vertical-align: middle;
 }
td#navigation a.nav:hover{

height: 20px;
 width: 160px;
 font-size: 12px;
 color: #FFFFFF;
 font-style: normal;
 line-height: 20px;
 font-weight: normal;
 font-variant: normal;
 text-decoration: none;
 text-transform: none;
 background-color: #C60021;
 padding-right: 15px;
 text-align: right;
 vertical-align: middle;
 }

Nun die Navigation funktioniert im IE perfekt, jedoch nicht im Firefox....weiss jemand wo der Bug ist bsw. warum es so im FF nicht geht?

Gruss & Thx

Vorschau des Problems:
http://demo05.mhs.ch/