Hover <a> dans <td> modifier <td> image d'arrière-plan

Je veux changer le fond de la <TD> lorsque l'utilisateur survole un lien <a> dans le <td>

Partie de mon code HTML:

<tr class="menuBarBottomSelected">
<td width="20%">
<a class="menuBarBottomUnselected" href="./url.php">Getting&nbsp;Started</a>
</td>
</tr>

C'est mon css:

.menuBarBottomSelected{
    background-image: url('/auth/radius/submenu_bg.jpg');
    background-repeat: repeat-x;
    font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
    color : #ffffff;
    border-top:#666666 solid 1px;
}

tr.menuBarBottomUnselected td a:hover{
    color:black;    
    background-image: url('/auth/radius/submenu_bg_hover.jpg');
    background-repeat: repeat-x;}

Le code html est généré si je ne suis pas sûr pourquoi ils utilisent la même classe pour le lien et le td. J'ai été en mesure d'attribuer un :hover sur le lien, mais uniquement l'arrière-plan du texte n'a pas bougé du tout <td>

InformationsquelleAutor Denoteone | 2011-09-15