Pb feuille de style CSS .. margin

Bonjour,
Une question bete?
j'ai une image et je voudrais la centré dans un tableau

en gros voici le code :


<table id="MonTableau" width="100%" border="1" cellspacing="0">
<tr>
<td class="MaBalise"><span class="MaSpan"><img src="monimage.jpg" width="150" height="150" style="border-image:0;" alt="mon image"" /></span></td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>


et donc j'ai une feuille de style CSS qui contient :

table#MonTableau {
/*background-color:#FFFFFF;
border: solid #000 3px;
width: 400px;*/

}
.MaBalise {
background-image:url(/UrlDeMonImageEnFond.png);
background-repeat: no-repeat;
width:110px;
height:210px;
margin-left:0px;
margin-top:-50px;
}

span.MaSpan {
margin-left:12px;
margin-top:20px;
}

Et ma question est la suivante :
Pourquoi ce fichu code CSS ne prend pas en compte mon "margin-top" de MaSpan ??????

il me met bien mon image a 12 pixel du bord gauche mais impossible de caler celle-ci a 20pixel du bord haut.

Ai je manqué un episode????