body {background: url(http://uploads.ru/i/k/9/3/k93Br.jpg) no-repeat center top;}

<style>
.sidebar {position: absolute; width: 215px; top: 0; height: 550px; padding: 5px; padding-top: 560px; text-align: center;}

#Rightbar {margin-left: 26px;}

#Leftbar {margin-left:-232px;}

#Rightbar .container, #Leftbar .container{
padding:5px;
margin-bottom:40px;
width:186px;
border: 0px red solid;}

#Leftbar .container.a1, #Rightbar .container.a1 {height:540px; background: transparent url(http://uploads.ru/i/7/A/F/7AFg1.jpg) no-repeat left top;}

.nav {width: 150px;}
.nav a{display: block; color:#000; background-color: #a9bdf1; text-align: center; width:150px; padding: 2px 0 2px 0; margin-top: 1px; text-decoration: none;}
.nav a:hover{background-color: transparent; text-decoration: underline;}

</style>

<span style="float:left;">
<div id="Leftbar" class="sidebar">

<div class="container a1">

<table width="100%" height="100%" border="0" style="text-align: center;" cellpadding="0" cellspacing="0">
<tr height="15%"><td align="center" valign="top">

<img width="170" height="100" src="http://uploads.ru/i/J/i/g/Jigo0.gif">

</td></tr>
<tr height="35%"><td align="center" valign="top">

<span style="font-size: 14px; font-weight: bold;">Welcome!</span>
<br>
Ipse tibi imperat, qui te de supernis caelorum in inferiora terrae demergi praecepit. Ipse tibi imperat, qui mari, ventis, et tempestatibus impersvit. Audi ergo, et time, satana, inimice fidei, hostis generis humani, mortis adductor, vitae raptor, justitiae declinator, malorum radix, fomes vitiorum, seductor hominum, proditor gentium, incitator invidiae, origo avaritiae, causa discordiae, excitator dolorum: quid stas, et resistis, cum scias. Christum Dominum vias tuas perdere?

</div>

</td></tr>
<tr height="35%"><td align="center"valign="bottom">

<span style="font-size: 14px; font-weight: bold;">Navigation</span>
<br>
<div class="nav">

<a href="тема">название 1</a>
<a href="тема">название 1</a>
<a href="тема">название 1</a>
<a href="тема">название 1</a>
<a href="тема">название 1</a>
<a href="тема">название 1</a>
<a href="тема">название 1</a>

</div>

</td></tr>
<tr height="15%"><td align="center" valign="bottom">

<span style="font-size: 14px; font-weight: bold;">Partners</span>
<br>

<div style="width: 100%; height: 31px; border-top: 1px #E6EDF5 dashed; border-bottom: 1px #E6EDF5 dashed; background: #a9bdf1;"><marquee>

<a href="http://proba69.rusff.me" target=_blank> <img src="http://uploads.ru/i/v/Z/W/vZWHI.gif" border="0" alt=" Twilight. Piont of no return" width="88" height="31" ></a>

</marquee></div>

</td></tr>
</table>

</div>
</div>
</span>

<span style="float:right;">
<div id="Rightbar" class="sidebar">
<div class="container a1">

<table width="100%" height="100%" border="0" style="text-align: center;" cellpadding="0" cellspacing="0">
<tr height="15%"><td align="center" valign="top">

<span style="font-size: 14px; font-weight: bold;">Administration</span>
<br/>

<img width="160" height="60" src="http://uploads.ru/i/m/4/O/m4OFG.png">

</td></tr>
<tr height="35%"><td align="center" valign="top">

<span style="font-size: 14px; font-weight: bold;">News</span>
<br>

<br/><div style="width: 100%; height: 100px; overflow: auto;">

Текст новостей

</div></td></tr>
<tr height="40%"><td align="center" valign="top">

<span style="font-size: 14px; font-weight: bold;">Quote of the Week</span>
<br/>

<img width="140" height="80" src="http://forumavatars.ru/img/avatars/0002/35/a3/19092-1311682521.jpg">

<br/><div style="width: 100%; height: 80px; overflow: auto;">

Лучший пост

</div>

</td></tr>
<tr height="10%"><td align="center" valign="top">

<span style="font-size: 14px; font-weight: bold;">Meters</span>
<br>

<div style="width: 100%; height: 31px; overflow: auto; border-top: 1px #E6EDF5 dashed; border-bottom: 1px #E6EDF5 dashed; background: #a9bdf1;">

Место для баннеров и топов

</div>

</td></tr>
</table>

</div>
</div>
</span>