Şunu div mi yapmalı html mi ?

Kutucuklar div zaten bunları html ile bağladığım zaman birbirine oluyor ancak A ve B ile altaki kutucukların genişlikleri eşit olmuyor. Bunun nedeni de C, D, E iç içe bir tablo ve F ile ayrı bir tablo oluşturmasından kaynaklanıyor sanırım.

Nasıl yapmalı sizce bu görüntüyü ?

bir scripttemi entegre edecen?

Yok html bir sayfa hazırladım sadece.

<center>
<table border="0">
<tr><td>
<table border="0">
<tr><td>
A
</td></tr></table>
</td>
<td>
B
</td></tr></table>
</center>


<center>
<table border="0"><tr>
<td>
<table border="0">
<tr><td valign="top">
C
</td><td valign="top">
D
</td></tr>
<tr><td colspan="2">
E
</td></tr></table>
</td><td>
F
</td></tr></table>
</center>