Strange hover behavior in a table cell

[Friend]

I am seeing some wacky hover behavior on my page. I've never seen it before. I a table cell with a bunch of text links in it. When I point at a link, the only active area of the link is a very thin line right through the center of the link...like a 1px high area that makes the link active.

I pasted a piece of the code into a fresh document and it doesn't happen.

<table id="toptd" width="90%" id="toplinks" align="right">
<tr><td>
<a href="link1" ><font size="+1">H</font>OME</a> ¦
<a href="link2"><font size="+1">A</font>BOUT <font size="+1">U</font>S</a> ¦
link3...link6
</td></tr>
</table>

You can see that I am using all caps with an initial larger letter. Originally I setup a span for each initial letter and made it larger in the css, but I wondered if the span was screwing things up. I still get the same problem using the font tag instead of a span, and same problem with initial caps at all. I tried nesting the cell in its own table as well. all with no luck.

Has anyone seen this problem before or have any ideas?

[choster]

It might help if we could also see a snippet of the CSS you are using the style the table and links.

[choster]

You also seem to have two ids defined for your table (toptd and toplinks). I don't think this is legal (but I could be wrong). You could convert one or both to a class if appropriate, or merge the styles into a single id.