problème avec un a:hover

folha seca · dreamweaver mioche

salut! j'ai besoin d'aide pour savoir ce qui va pas dans ce que j'ai fait. j'aimerai que quand on passe la souris sur une photo dans la rubrique photos de http://www.folha-seca.fr.tc [http://www.folha-seca.fr.tc] la photo prenne une bordure jaune de 1px et que le texte se colorie en jaune. je vous donne mon css et mon html :

code css :

#galerie_photos a:hover
{
text-decoration:underline;
color:yellow;
font-weight:normal;
border:1px solid yellow;
}

code html :

<div id="galerie_photos"><table width="200" height="200" border="1" summary="1" align="center" cellpadding="10">
<tr>
<td><center><a href="photos bapteme npcb 2004.html"><img src="mizinho jota mao de onca.jpg" border="0" width="200" height="150" alt=""></center><br><center><u>baptême <acronym title="Naçao Palmares Capoeira Bordeaux">npcb</acronym> 2004</u></center></a></td>
[..........]
</table></div>

voila... en fait suivant le navigateur, soit le texte aussi est encadré et puis y a le coté droit de l'image qui a pas de bordure (IE), soit sur firefox... euh... ca marche pas (c tellement long a expliquer ce qui va pas.....)

bon j'espère que vous pourrez me résoudre ce petit problème..... merci d'avance!

folha seca · dreamweaver mioche

UP svp.......