Div, tabelle e firefox

[keratox]

Ho un problemino con firefox:
ho delle tabelle a 2 a 2 contenute in un <div>
i css del div sono

#contable{
margin:0;
padding:2px;
width:100%;
}

questo e' il codice html

<div id="contable"><table class="cat">
								<tr>
								<td width="100%" bgcolor="#0000FF"><font> Articoli </font></td>
								</tr>

								<tr>
								<td width="100%">Embo
</td>
								</tr>
								</table><table class="cat">
								<tr>
								<td width="100%" bgcolor="#0000FF"><font> Downloads </font></td>
								</tr>

								<tr>
								<td width="100%"></td>
								</tr>
								</table> </div>

.....................

Le tabelle dovrebbero cosi' apparire allineate, ma invece si presentano come in allegato

[keratox]

Ecco come si dovrebbe vedere: visualizzato con IE

vedi allegato

[keratox]

Ho risolto con un bel float:left