Css yada Div Tablo?

Slm arkadaşlar elimde normal bir tablo kodu var bu kodu div şeklinde nasıl ayarlarım? yada css nasıl kullanırım?

Kodlar

<table width="100%" border="1">
<td colspan="3" style="background-image: url(images/sss.jpg);" align="center" height="20">
<tr>
<td align=center></td>
<td align=center></td>
<td align=center></td>
</tr>
<tr>
<td align=center></td>
<td align=center></td>
<td align=center></td>
</tr>
</table>

Eğer içinde yine tablosal veriler saklanacaksa div ile yapmanız pek mantıklı değil yine tablo kullanmanız gerekir ayrıca buradan size birileri div'e çevirse bile eğer nasıl yönetildğini bilmiyorsanız divleri işinize yaramaz misal aşağıya divlerle tablo yapmaya çalıştım basitçe

<div style="margin: 0 auto; border: 1px solid black; background: white url(resim.jpg) no-repeat; width:90%; height:80%; padding:5px;">

<div style="border: 1px solid black; float:left; width:400px;">1</div>
<div style="border: 1px solid black; float:left;  width:400px;">2</div>
<div style="border: 1px solid black;">3</div>


<div style="border: 1px solid black; float:left; width:400px;">4</div>
<div style="border: 1px solid black; float:left;  width:400px;">5</div>
<div style="border: 1px solid black;">6</div>




<div><!--table bitiş tagı gibi düşebilirsiniz-->

ne için nasıl kullanacağına göre değişir.
eğer bu şekilde bişeyleri listeliyeceksen ul ve li kullanmak daha mantıklı..
onun dışında bişey varsa Dynamic Drive CSS Library- Practical CSS codes and examples burrdan css layouts lara bakabilirsin.

Aşağıda vermiş olduğum kodu div ile yapmak istedim.Bu tabloda 3 adet resimli açıklamalı bağlantı kutusu var.Yan yana 3 sütünu div de nasıl yanyana getiririm sıkıntım bu.

<table width="100%" border="1">
<tr>
<td align=center></td>
<td align=center></td>
<td align=center></td>
</tr>
</table>

Metanek in verdiği kodların işine yaraması lazım . Float : left; yaparak divleri yanyana getireceksin . Daha sonra divleri css ile istediğin gibi şekillendirebilirsin .