allineare div

[ludoweb.it]

ciao a tutti sto convertendo un sito tutto con table in div ma ho un problema in pratica ho 3 div, uno con una parte del logo a sinistra, il menu attaccato a questa logosinistro e l'ultimo sotto al menu che si aggancia al logo di sinistra: ecco quello fatto da me:
ho messo il div "title" come contenitore dei tre:

div#Title
{
	width:1200px;
	margin-right:auto;
	margin-left:auto;
}
div#Sx
{
	margin-right:auto;
	margin-left:auto;
	float:left;
}
div#Menu
{
	margin-right:auto;
	margin-left:auto;
	float:left;
}
div#SxDown
{
	margin-right:auto;
	margin-left:auto;
	float:left;
}

ed ecco la parte in table, ovviamente la parte vecchia usava javascript per il cambio immagine ma l'ho già cambiato con il csss.

<tr>
<td colspan="2" rowspan="5"> [img]images/m1.jpg[/img]</td>
<td colspan="13"> [img]images/m4.jpg[/img]</td>
<td> [img]images/spacer.gif[/img]</td>
</tr>
<tr>
<td colspan="3"> <a href="#" onmouseover="window.status='home'; changeImages('home', 'images/home-over.jpg'); return true;" onmouseout="window.status=''; changeImages('home', 'images/home.jpg'); return true;">
[img]images/home.jpg[/img]</a></td>
<td> <a href="#" onmouseover="window.status='about'; changeImages('about', 'images/about-over.jpg'); return true;" onmouseout="window.status=''; changeImages('about', 'images/about.jpg'); return true;">
[img]images/about.jpg[/img]</a></td>
<td colspan="3"> <a href="#" onmouseover="window.status='services'; changeImages('services', 'images/services-over.jpg'); return true;" onmouseout="window.status=''; changeImages('services', 'images/services.jpg'); return true;">
[img]images/services.jpg[/img]</a></td>
<td> <a href="#" onmouseover="window.status='news'; changeImages('news', 'images/news-over.jpg'); return true;" onmouseout="window.status=''; changeImages('news', 'images/news.jpg'); return true;">
[img]images/news.jpg[/img]</a></td>
<td colspan="4"> <a href="#" onmouseover="window.status='contact'; changeImages('contact', 'images/contact-over.jpg'); return true;" onmouseout="window.status=''; changeImages('contact', 'images/contact.jpg'); return true;">
[img]images/contact.jpg[/img]</a></td>
<td> [img]images/m5.jpg[/img]</td>
<td> [img]images/spacer.gif[/img]</td>
</tr>
<tr>
<td colspan="5" rowspan="2"> [img]images/m2.jpg[/img]</td>
<td colspan="8"> [img]images/m6.jpg[/img]</td>
<td> [img]images/spacer.gif[/img]</td>
</tr>