mam takie coś:

<style type="text/css">
div.top_img { background-image: url(top.jpg);  width: 868px; height: 540px; }
div.bottom_img { background-image: url(bottom.jpg); width: 868px; height: 137px; }
div.rightb_img {  background-image: url(right.jpg); width: 282px; height: 80px; top:-677px; left:868px; }
</style>

<div class="bottom_img"></div>
<div  class="righttop_img"></div>

<div  class="rightb_img">
     <a href="link1">link1 </a>
</div>
<div  class="rightb_img">
     <a href="link2"> link2 </a>
</div>

w skórcie:
dwa obrazki jeden pod drugim, a obok tego jeszcze 2 orbazki
tylko że te 2 z prawej zrobiłem na position:relative top-667 żeby jakoś wyrównać do pewnej pozycji

wybaczcie, ale nie wiem jak to ładnie ostylować
może mi ktoś pomóc?