Tabella/TD alla posizione giusta con IE

[GTAGamer]

Allora, ho creato una tabella con 2 td e 2 tr, ecco il codice:

<table cellpadding="0" cellspacing="0" class="spacer">
	<tr>
	<td class="titre" >titolo</td></tr>
	<tr>
	<td class="contenu"> contenuto</td>
	</tr>
	</table>

Ed ho assegnato queste impostazioni:

.titre{
	width: 406px; 
	height: 16px;
	background: url(images/barra.png);
	background-repeat:repeat;
	border: 1px solid black;
	color: #71BD09; 
	font-weight: bold; 
	font-variant: small-caps;
	font-size: 12px;
	margin: auto;
	text-align:center;
	margin-bottom:auto;
}

.contenu{
	width: 406px;
	height:auto;

	background-color:#1A1A1A;
	color: #FFF !important;
	border: 1px solid black;
	padding:  5px;
	margin: auto;
	vertical-align:top;
	border-top:double;
	margin-top: 2px;
	display: block;
}

Solo che su Firefox la vedo giusta invece su IE si vede la prima td (classe titre) con un pezzo di immagine trasparente, invece su Firefox si vede normale, ora vorrei sapere come posso "appiccicare" le due td in tal modo che l'immagine si può visualizzare normalmente, mi spiego meglio: non voglio visualizzare quel pixel di immagine trasparente che vedo nella classe titre.

[E.d.i.73]

Forse ti crea problemi il margin-top: 2px ,secondo me lo puoi togliere...

[GTAGamer]

Grazie ho risolto, lo ho messo a -1px così almeno è attaccato, grazie