Textausrichtung

[Kirtas]

Servus

Ich habe eine Navigation mit einem Rolloverefekt. Die Navigation besteht aus Spalten, in denen per CSS ein BG-Bild zugewiesen wird. So gut so recht. Im Mozilla funktioniert es wunderbar. Im IE jedoch nicht. Für den IE muss ich im a.nav tag die Spaltengrösse (die bereits in den Spalten Steht)setzten, was zwar nun den Rolloverefekt ermöglicht jedoch bewirkt dass die Schrift am Himmel der Spalte klebt.
Kennt dieses Problem jemand?

Hier mein Code:
CSS:
a.nav {
 font-size: 12px;
 color: #000000;
 font-style: normal;
 line-height: 10px;
 font-weight: bold;
 font-variant: normal;
 text-transform: uppercase;
 text-decoration: none;
 background-image: url(/_images/nav.gif);

((-- Nur Wenn hier
 height:27px;
 width:146px;  angegeben wird funzt der Rollover im IE, jedoch  klebt die schrift am himmel der spalte)

}
a.nav:hover{
 color: #000000;
 background-image: url(/_images/nav_a.gif);
 background-repeat: no-repeat;
 background-position: 0px 0px;
}

HTML:

<tr>
        <td  height="27" class="tdnav" id="td_traumhaus"><A href="/traumhaus/index.shtml" class="nav" id="traumhaus"><img border="0" alt="spacer" src="/_images/1x1.GIF" height="1" width="20" >Ihr Traumhaus</A></td>
  </tr>

Zusehen auf www.kirtas.ch/problem

danke