Tableau : probleme d'alignement th et td

Bonsoir,

J'ai un probleme qui est nettement visible sous IE, ca ne m'étonne pas mais bon s'il y a possibilité de rectifier, sait-on jamais, je viens vous demander de l'aide...


Alors voici le context, j'ai un tableau comme cela :

<table>
  <tr>
    <th><img src="images/puce.gif" width="10" height="6" /> Rubrique 1 :</th>
    <td>bla bla bla bla bla bla bla bla bla bla</td>
  </tr>
</table>

dans un th j'ai un nom de rubrique et en face dans le td le texte s'y rapportant.

Le probleme vient que ce qu'il y a dans le td ne s'aligne pas bien avec ce qu'il y a dans le th !!

Voici mon style CSS :

<style type="text/css">
<!--
table
{
	margin: 0 auto 0 auto;
	padding: 0;
	width: 650px;
	border: none;
	border-collapse: collapse;
	text-align: left;	
	font-family: Verdana, "Courier New", Helvetica, Arial, sans-serif;
	line-height: 150%;
	letter-spacing: 0.3px;
}

th
{
	padding: 0;
	width: 150px;
	font-size: 11px;
	font-weight: bold;	
	vertical-align: top;
}

td
{
	margin: 0;
	padding: 0;
	font-size: 11px;
   	vertical-align: top;
   	text-align: justify;   	
}


-->
</style>

Enfin voila si quelqu'un peut m'aider, ou me dire tout simplement comment bien aligner dans un tableau avec un exemple simple parce que peut etre que de modifier mon code là ce n'est pas le plus simple a faire...

Voici la page d'exemple : http://www.webmaster-labs.com/essai.html

Merci
Bonne soirée

Pour information, l'alignement est correct avec Internet Explorer 7.