hover-link ist begrenzt

[akasa]

ich habe einen link in einer td und bei mouseover soll die ganze td zelle sich mit dem hintergrund füllen, das problem ist bei mouseover färbt sich nur der hintergrund des links un der rest bleibt weiss

 menu.html
<table width="800">    
<tr  width="100%">     
<td width="20%" class="top">
<a href="index.php"             title="Zurück zur Startseite"             class="top">.home</a>
</td>     
<td width="20%" class="top">
<a href="link.php?id=wir"       title="Informationen über Uns"             class="top">.wir</a>
</td>
</tr>   
</table>

style.css 
a.top:link { font-family: Arial; color: #3F3F3F; text-decoration: none; background-image:url(link.jpg);} 
a.top:visited { font-family: Arial; text-decoration: none; color:#3F3F3F; background-image:url(link.jpg);}  
a.top:hover { font-family: Arial; font-style: none; color:#3F3F3F; background-image:url(hover.jpg);}  
a.top:activ { font-family: Arial; font-style: none; color:#3F3F3F; background-image:url(hover.jpg);}  
a.top:focus { font-family: Arial; font-style: none; color:#3F3F3F; background-image:url(hover.jpg);}

also, an den bildern liegts net, das sind nur beispiele !