komischer Effekt bei css-Buttonzuständen

[chris]

Hallo liebes Forum,
habe da ein ganz komisches Problem! Habe mir mit css zwei verschiedene Buttonzustände wie folgt geschaffen:

#b_down:link, #b_down:visited, #b_down:focus { background-image:url(image/b_down_dark.png); font-family:Serif; font-size:16pt; border:none; padding-top:5pt; color:#40E0D0; background-repeat:no-repeat; text-decoration:none; }

#b_down:hover, #b_down:active { background-image:url(image/b_down_light.png); font-family:Serif; font-size:16pt; border:none; padding-top:5pt; color:#00FFFF; background-repeat:no-repeat; text-decoration:none; }

und diese auf folgende Weise integriert in die Seite:

<table>
<tr>
<td width="50"><a href="#mitte" id="b_down" name="oben">       </a></td>

<td width="50"><a href="#unten" id="b_down">       </a></td>

<td width="75"> </td>

<td><h1>microGlas-6</h1></td>
</tr>

<tr>
<td><b>mitte</b></td>

<td><b>unten</b></td>
</tr>
</table>

Das komische an der Sache ist, das das qusi funktioniert bis auf den Effekt das der unten-Button nur die untere Hälfte (des runden Buttons) als link-Fläche nutzt! Ganz komisch daran ist das ich einen weiteren unten-Button auf die gleiche Weise definiert habe, auf der gleichen Seite, welcher so tut wie er soll!
Habe den korrekt funktionierenden sogar schon an die nicht-funzende Stelle kopiert, aber nutzt auch nix! Was is da faul dran? Warum geht das und auch wieder nicht?
Danke im Vorraus für eure Unterstützung!
mfg Chris