kleines style problem

[function]

also ich hab mal wieder etwas zu kämpfen mit der darstellung im IE...
also folgendes es geht um mein menü...

html-teil

<table>
  <tr>
    <td id="sitenav" >
       Home 
    </td>
  </tr>
  <tr>
    <td id="sitenav" >
       Ich? 
    </td>
  </tr>
  ...

css

#sitenav
{
  width: 150px;
  height: 30px;
  
  border: 1px solid gray;
  
  background-color: firebrick;
}

A.sitenav
{
  display: block;
  width: 100%;
  height: 100%;
  text-align: left;
  vertical-align: middle;
  text-decoration: none;
  font-weight: bold;
  background-color: firebrick;
  Color: white;
}

A.sitenav:hover
{
  background-color: orange;
  Color: firebrick;
}

naja also der firefox macht auch alles so wie er soll aber im ie schaut das ganze etwas anders aus... die "link-box" wird nioch ganz bis zum rand dargestellt sondern hört ca. 3px vor dem rechten rand auf uund die höhe ist auc nur so hoch wie die schrift des linkes... kann mir einer helfen?

[function]

schon gelöst...