3 stlpcovy layout s divmi

potrebujem spravit 3stlpcovy layout s divmi, problem je vsak v tom ze pozadia vsetkych stlpcov su tvorene z obrazkov
treti stlpec mi to vyhodi o riadok nizsie:
http://i11.tinypic.com/5xr6glg
CSS kod mam takto
div.main {
width:820px;
background-color:white;
margin:auto;
}
div.main div.content {
width: 820px;
margin: auto;
}
div.main div.content div#left {
width: 165px;
float: left;
}
div.main div.content div#left div.menu div.menu-header {
background-image: url(left-block-header.png);
background-repeat: no-repeat;
width: 165px;
height: 40px;
}
div.main div.content div#left div.menu div.menu-header h2 {
width:100%;
text-align: left;
position: absolute;
padding-left: 35px;
padding-top: 5px;
font-family: 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
color: #e0e4f3;
font-size: 12px;
font-weight: bold;
}
div.main div.content div#center {
width: 490px;
margin-left: 165px;
}
div.main div.content div#center div.content-header {
background-image: url(content-header.png);
background-repeat: no-repeat;
width: 490px;
height: 40px;
}
div.main div.content div#center div.content-header h2 {
width: 100%;
text-align: left;
position: absolute;
padding-left: 30px;
padding-top: 5px;
font-family: 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
color: #e0e4f3;
font-size: 12px;
font-weight: bold;
}
div.main div.content div#right {
width: 165px;
float: right;
margin-left: 655px;
}
div.main div.content div#right div.block div.block-header {
background-image: url(right-block-header.png);
background-repeat: no-repeat;
width: 165px;
height: 40px;
}
div.main div.content div#right div.block div.block-header h2 {
width:100%;
text-align: left;
position: absolute;
padding-left: 30px;
padding-top: 5px;
font-family: 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
color: #e0e4f3;
font-size: 12px;
font-weight: bold;
}

a HTML
<div class="main">
<div class="content">
<div class="header">
<div class="title">
<h1>Gostyho weblog</h1>
</div>
</div>
<div id="left">
<div class="menu">
<div class="menu-header">
<h2>MENU</h2>
</div>
</div>
</div>
<div id="center">
<div class="content-header">
<h2>CLANOK</h2>
</div>
</div>
<div id="right">
<div class="block">
<div class="block-header">
<h2>MENU</h2>
</div>
</div>
</div>
</div>
</div>
pomoze prosim niekto?