اطلاعات در مورد css:

سلام خسته نباشید.
بنده میخواهم با لایه ها و آی دی و سی اس اس یه باکس درست کنم که شامل 9 خانه باشد.
البته با جدول این کار را کردم(با تگ <table>) ولی میخواهم این کار را با لایه ها(با تگ <div id=x>) انجام دهم
که دراین باکس در هر دایو یه عکس لود میشود.که مجموع عکسها در کنار هم یک باکس را تشکیل میدهد.
بنده کد (با تگ <table>)را اینجا قرار میدهم ،اگر کسی راهنمایی کند که چگونه این کار را انجام دهم ممنون میشوم.

<table width="100%" height="500" border="2" bordercolor="#FF0000" cellspacing="0" cellpadding="0">
<tr>
<td width="18" height="18" ><img src="<?php echo $mosConfig_live_site;?>/templates/anjoman/images/table/rechtsoben.gif" >
</td>
<td style="background-image: url('<?php echo $mosConfig_live_site;?>/templates/anjoman/images/table/oben.gif'); background-repeat: repeat-x;" >
</td>
<td width="18" height="18" ><img src="<?php echo $mosConfig_live_site;?>/templates/anjoman/images/table/linksoben.gif">
</td>

</tr>
<tr>
<td style="background-image: url('<?php echo $mosConfig_live_site;?>/templates/anjoman/images/table/rechts.gif'); background-repeat: repeat-y;">
</td>
<td bgcolor="#3366FF"> 
</td>
<td style="background-image: url('<?php echo $mosConfig_live_site;?>/templates/anjoman/images/table/links.gif'); background-repeat: repeat-y;">
</td>
</tr>
<tr>
<td ><img src="<?php echo $mosConfig_live_site;?>/templates/anjoman/images/table/rechtsunten.gif" >
</td>
<td style="background-image: url('<?php echo $mosConfig_live_site;?>/templates/anjoman/images/table/unten.gif'); background-repeat: repeat-x;">
</td>
<td width="18" height="18" ><img src="<?php echo $mosConfig_live_site;?>/templates/anjoman/images/table/linksunten.gif" >
</td>
</tr>
</table>

با تشکر.