Zarovnanie Divu v tabulke

Caute, potrebujem trosku pomoct, mam takyto problem:
Potrebujem zarovnat divy v tabulke ku okraju (top, bot, left,...)
kod mam takyto (html - body), vynatok z kodu:

<td class="light2" rowspan="2">
<div class="frame_top-bg">
<div class="frame_left-bg">
<div class="frame_right-bg">
<div class="frame_bot-bg">
<div class="frame_top-left">
<div class="frame_top-right">
<div class="frame_bot-left">
<div class="frame_bot-right">
&nbsp;
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</td>

a css pre tieto classy vypada takto:

div.frame_top-bg {
background: url(../images/frame_top-bg.jpg) 0% 0% repeat-x;
}

div.frame_left-bg {
background: url(../images/frame_left-bg.jpg) 0% 0% repeat-y;
}

div.frame_right-bg {
background: url(../images/frame_right-bg.jpg) 100% 0% repeat-y;
}

div.frame_bot-bg {
background: url(../images/frame_bot-bg.jpg) 0% 100% repeat-x;
}

div.frame_top-left {
background: url(../images/frame_top-left.jpg) 0% 0% no-repeat;
}

div.frame_top-right {
background: url(../images/frame_top-right.jpg) 100% 0% no-repeat;
}

div.frame_bot-left {
background: url(../images/frame_bot-left.jpg) 0% 100% no-repeat;
}

div.frame_bot-right {
background: url(../images/frame_bot-right.jpg) 100% 100% no-repeat;
}

td.light2 {
background: url(../images/light2.jpg);
}

Problem je ze mi to da vsetko dokopy na seba v strede tabulky, potrebujem napr. aby div "frame_top-bg" bol zarovany k vrchu tab, frame_left-bg na lavo, atd. Poradite ?