Помогите конвертировать из table в div

[Resets]

Помогите конвертировать этот код в полностью див`ную верстку с применением стилей.

Сижу уже битый час и ничего не получается.

<table cellpadding="0" cellspacing="0" border="0">
 <tr>
 <td width="450" height="270" vAlign="top">
 <div id="container">
 <div id="container1">
 <a href="#"><img src="http://test.ru/1.jpg" height="270" width="450" border="0" alt="BlaBlaBla"/></a>
 </div>
 <div id="container2" class="nsp">
 <table width="450" cellpadding="0" cellspacing="0" border="0">
 <tr>
 <td bgcolor="#000"><img src="http://test.ru/1.gif" width="0" height="23" border="0" /></td>
 </tr>
 </table>
 </div>
 <div id="container3" class="nsp1">
 <table width="450" cellpadding="0" cellspacing="0" border="0">
 <tr>
 <td bgcolor="#999"><img src="http://test.ru/2.gif" width="0" height="48" border="0" /></td>
 </tr>
 </table>
 </div>
 <div id="shotannoTXT">
 <table width="369" cellpadding="0" cellspacing="0" border="0">
 <tr>
 <td height="41">
 <a href="/news/" class="Main">BlaBlaBla<img src="http://test.ru/3.gif" width="13" height="10" border="0" alt=""/></a></td>
 </tr>
 </table>
 </div>
 </div>
 </td>
 </tr>
 </table>

[yopopt]

Сохраняя структуру можно сверстать как-то так:

CSS

* {
 border: 0;
}
#container div {
 width:450px;
}
#container1 img, #container2 img, #container3 img {
 height:270px;
 width:450px;
}
#container2 img {
 height:23px;
 background-color:#000;
}
#container3 img{
 height:48px;
 background-color:#000;
}
#shotannoTXT {
 width:369px;
 height:41px;
}
#shotannoTXT img{
 width:13px;
 height:10px;
}

HTML

<div id="container">
 <div id="container1">
 <a href="#"><img src="http://test.ru/1.jpg" alt="BlaBlaBla"/></a>
 </div>
 <div id="container2">
 <img src="http://test.ru/1.gif" alt="" />
 </div>
 <div id="container3">
 <img src="http://test.ru/2.gif" alt="" />
 </div>
 <div id="shotannoTXT">
 <a href="/news/">BlaBlaBla<img src="http://test.ru/3.gif" alt="" /></a></td>
 </div>
</div>

Код не проверялся.

[Resets]

Спасибо! Суть ясна.