Border top i tabel ved hoover?

Hejsa.

Jeg har nogle links i en tabel, som fungerer som menu.
I denne tabel ønsker jeg at få en border-top, som fylder hele <td> i bredden.

Hvordan klarer jeg den?


Her er mit oplæg:

Min HTML:
<table border="0px" cellpadding="0px" cellspacing="0px" style="width: 570px; height: 402px;">
    <tr>
        <td>
       
        <table border="1px" cellpadding="0px" cellspacing="0px">
            <tr>
                <td align="center" style="width: 150px">
                <a target="iframe" class="bund" href="forsiden.asp">FORSIDEN</a>
                </td>
                <td align="center" style="width: 150px">
                <a target="iframe" class="bund" href="log_ind.asp">LOG&nbsp;IND</a>
                </td>
                <td align="center" style="width: 150px">
                <a target="iframe" class="bund" href="samarbejde.asp">SAMARBEJDE</a>
                </td>
                <td align="center" style="width: 150px">
                <a target="iframe" class="bund" href="kontakt.asp">KONTAKT</a>
                </td>
            </td>
    </tr>
</table>

        </td>
    </tr>
    <tr>
        <td>
<iframe src="forsiden.asp" scrolling="yes" name="iframe" frameborder="0px" style="width: 554px; height: 360px;"></iframe>
        </td>
    </tr>
</table>


Min CSS:
a.bund    {
    font-family: verdana, tahoma, Arial, Helvetica;
    font-size: 9px;
    font-color: #ffffff;
    text-decoration: none; }
   
a.bund:link    {
    color: #c6c6c6; }
   
a.bund:visited    {
    color: #c6c6c6;}
   
a.bund:hover    {
    color: #ffffff;
    color: #333333;
    border-top: 3px solid  #ff0000;  }
   
a.bund:active  {
    color: #c6c6c6; }