[html]/[css] cięcie laya, mały problem i ocena

Pociąłem lay i poskładałem go w divach:

<div id="img1"></div>
<div id="img2">
<div id="img3">
</div>
</div>
<div id="img4">
<div id="img5">
</div>
</div>

i css

#img1{
background-image:url(../images/helltorrents_05.gif);
width:700px;
height:147px;
}
#img2{
background-image: url(../images/helltorrents_07.gif);
background-repeat:no-repeat;
width:700px;
height:113px;
}
#img3{
background-image:url(../images/helltorrents_08.gif);
width:323px;
height:113px;
float:right;
}
#img4{
background-image:url(../images/helltorrents_102_01.gif);
width:700px;
height:101px;
background-repeat:no-repeat;

}
#img5{
background-image:url(../images/helltorrents_102_02.gif);
height:101px;
width:350px;
float:right;
}

chcę się tylko spytać czy tak może być ?
teraz problem
na stronie musi być coś takiego:

pociąłem to na 9 obrazków, ale nie wiem teraz jak to powstawiać w divy bo nie zostawię tego w tabelce...
w tabelce tak to wygląda

<table id="Table_01" width="700 " height="185" border="0" cellpadding="0" cellspacing="0">
<tr>
<td rowspan="5">
<img src="images/helltorrents_2_01.gif" width="15" height="185" alt=""></td>
<td rowspan="5">
<img src="images/helltorrents_2_02.gif" width="1" height="185" alt=""></td>
<td>
<img src="images/helltorrents_2_03.gif" width="463" height="15" alt=""></td>
<td rowspan="5">
<img src="images/helltorrents_2_04.gif" width="17" height="185" alt=""></td>
<td rowspan="5">
<img src="images/helltorrents_2_05.gif" width="151" height="185" alt=""></td>
</tr>
<tr>
<td>
<img src="images/helltorrents_2_06.gif" width="463" height="71" alt=""></td>
</tr>
<tr>
<td>
<img src="images/helltorrents_2_07.gif" width="463" height="15" alt=""></td>
</tr>
<tr>
<td>
<img src="images/helltorrents_2_08.gif" width="463" height="69" alt=""></td>
</tr>
<tr>
<td>
<img src="images/helltorrents_2_09.gif" width="463" height="15" alt=""></td>
</tr>
</table>

Jakiś pomysł jak to w divy wstawić? Próbowałem już ale nic...

Chcesz ustawić baner pod banerem? (tak wynika z screena)

Po prostu wrzucasz div, za divem w strukturze strony. Na przykład:

<div id="img1"></div>
<div id="img2"></div>

I stylujesz w CSSie. Jak? Tu masz artykuł. A tutaj masz dodatkowo sposób jak bez użycia tagu img wstawić za pomocą arkusza stylów klikalny obrazek. Opis wraz z przykładami.