Kod Sadeleştirme

Aşağıdaki kodları en sade şekliyle nasıl yazabilirim?
Table'leri div şekline getirmek istiyorum da pek anlamam...
Yardımcı olacak arkadaşlara şimdiden teşekkürler...

<table border='0' cellpadding='0' cellspacing='0' width='100%'>
<tr><td valign='top' width='33%'><table width="100%" border=0><tr>
<td height=27 class=stun><table width="100%" border=0 cellspacing=0 cellpadding=3><tr>
<td>title</td></tr> </table></td></tr>
<tr><td bgcolor="#F9F9F9"><table width="100%" border=0>
<tr><td><a href="link"><img WIDTH=80 HEIGHT=82  border=0 align=left src="/resim/resim.jpg" alt="title">
içerik...</a>
</td>
</tr></table></tr></table></td>
<td> </td>

Bu da css

.stun
        {
        
        
	   background-image: url('../desing/baslikarkaplan.gif');
         background-repeat: repeat-x;
		 background-color:#e8c038;
         height: 18px; background-position-y:center
         
	     
		}

kimse yardım etmeye hevesli değil sanırım

Lütfen aşağıdakini dener misin:

<!--HTML-->
<div id="yaziAlani">
	<div id="baslik">Başlık</div>
	<div id="icerik"></div>
</div>

<!--CSS-->
#yaziAlani
{
	width: 100%;
}

$baslik
{
	background: url(../desing/baslikarkaplan.gif) #e8c038 0% 50% repeat-x;
	height: 18px;
}