ôter bordure d'image

Bonsoir,

Je crée actuellement une page html et je fais face à un problème qui me parait insoluble. Dans cette page se trouve une galerie d'images sous forme de tableau et dont chacune des images constitue une ancre vers son agrandissement.

Voici mon problème: je tiens à ôter la bordure présente autour de toutes les images avec du css mais je ne parviens pas à le faire. L'attribut bolder="0" dans la balise <img /> fonctionne dans la page html.
Mais je ne peux pas l'utiliser car je suis sous la contrainte de validité par le w3c et n'ai donc d'autre choix que celui d'utiliser du css, l'ajout de bolder dans <img /> entrainant également celui d'une erreur dans la page.

Voici le code HTML de la galerie:

<table id="galerie" >
<tr>
<td> <a href="javascript:popupimage('../styles/images/img-galerie-grand/img21.jpg')" > <img src="..\styles\images\img-galerie-petit\img1.jpg" alt="image 1" title="Cliquez pour agrandir" style="filter:alpha(opacity=30); -moz-opacity: .3;" onmouseover="opacite(this,0)" onmouseout="opacite(this,1)" /> 
</a>
</td>
</tr>
</table>

Ceci ne constitue qu'une portion de la galerie mais le reste est identique excepté les noms des images.

Voici le style CSS:

#galerie
{
	margin: 0 auto 0 auto;
	border: 0;
}

Je précise que malgré la présence de boder: 0; aucun effet ne se produit.

Informations complémentaires:
La fonction javascript popupimage a pour effet d'ouvrir une nouvelle fenêtre contenant une image qui est l'agrandissement de celle sur laquelle on vient de cliquer.
La fonction javascript opacite influe sur l'opacité d'une images suivant que le curseur de la souris se trouve dessus ou non.

Je précise à nouveau que la conformité de la page avec les normes du xHTML 1.0 Strict m'est impérative.
Je tiens également à souligner que je n'ai qu'une maigre expérience en matière de création de page web, donc veuillez ne pas me blâmer pour mon ignorance ^^.
Je serai très reconnaissant à quiconque voudra bien me répondre.
Merci, bonne nuit et bonne année bien sûr :)

Cordialement