CSS, utilisation de class et/ou id

Bonjour à tous,

Je positionne certainement mal class et/ou id
car sur l'image 1 :
- la redirection fonctionne bien
- le changement d'image aussi
- le décalage de l'image aussi

sur l'image 2 :
- la redirection fonctionne bien
- le changement d'image aussi
- le décalage de l'image non

[Code]
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">

<style type="text/css">
a.bouton:hover
{ margin-left: 9px; } /* Décale l'image */

#bouton
{
cursor:pointer; /* Petite Main sur TR */
margin-left: 9px;
}
</style>
</head>

<body>
<body bgcolor="#996633">

<table>
<!-- Choix 1 -->
<a HREF="appels/appel_glst.php" target="bas_droite" class="bouton">
<IMG border="0" onmouseover="this.src='images/mg2-02-c.gif'" src="images/mg2-02-f.gif"
alt=" Choix 1" onmouseout="this.src='images/mg2-02-f.gif'">
</a>
</table>

<!-- Choix 2 -->
<table>
<tr id="bouton"
onClick="parent.frames['bas_droite'].location.replace('intro_2-z.php')">
<td>
<IMG border="0" onmouseover="this.src='images/mg2-01-c.gif'" src="images/mg2-01-f.gif"
onmouseout="this.src='images/mg2-01-f.gif'">
</td>
</tr>
</table>
</body>
</html>
/code

la différence image 1 par (href) image 2 par (tr)

Un conseil me serai bien utile !