Не получается растянуть фон боковых блоков

[Photoshopper]

Проблема в том, что фоновая картинка не повторяется на всю высоту контейнера, а заканчивается там, где кончается блок. Решается проблема только с фиксированной высотой, которую я для наглядности задал в правой колонке, но фиксированная не пойдёт, а height:100% меня не понимает

Пол дня мучаюсь с этой версткой. Помогите решить проблему

<div id="container">


<div id="left_side">

<div id="block_top"></div>
<div id="block_body">ytrt yrghr hgrgh rt<br />здесь будет текст блока</div>
<div id="block_bottom"></div>

<div id="block_top"></div>
<div id="block_body">ytrt yrghr hgrgh rt<br />здесь будет текст блока</div>
<div id="block_bottom"></div>
<div id="block_top"></div>
<div id="block_body">ytrt yrghr hgrgh rt<br />здесь будет текст блока</div>
<div id="block_bottom"></div>
<div id="block_top"></div>
<div id="block_body">ytrt yrghr hgrgh rt<br />здесь будет текст блока</div>
<div id="block_bottom"></div>
<div id="block_top"></div>
<div id="block_body">ytrt yrghr hgrgh rt<br />здесь будет текст блока</div>
<div id="block_bottom"></div>
<div id="block_top"></div>
<div id="block_body">ytrt yrghr hgrgh rt<br />здесь будет текст блока</div>
<div id="block_bottom"></div>
<div id="block_top"></div>
<div id="block_body">ytrt yrghr hgrgh rt<br />здесь будет текст блока</div>
<div id="block_bottom_end"></div>

</div>


<div id="right_side">
<div id="block_top"></div>
<div id="block_body">Здесь будет заголовок<br />здесь будет текст блока</div>
<div id="block_bottom"></div>

<div id="block_top"></div>
<div id="block_body">Здесь будет заголовок<br />здесь будет текст блока</div>
<div id="block_bottom_end"></div>
</div>


<div id="content">
<div id="content_top"></div>
gfegfopertg erge <br />gkdfogerkgoperkg<br />gkoepgerkopg
gfegfopertg erge <br />gkdfogerkgoperkg<br />gkoepgerkopg
gfegfopertg erge <br />gkdfogerkgoperkg<br />gkoepgerkopg
gfegfopertg erge <br />gkdfogerkgoperkg<br />gkoepgerkopg
gfegfopertg erge <br />gkdfogerkgoperkg<br />gkoepgerkopg
gfegfopertg erge <br />gkdfogerkgoperkg<br />gkoepgerkopg
gfegfopertg erge <br />gkdfogerkgoperkg<br />gkoepgerkopg
gfegfopertg erge <br />gkdfogerkgoperkg<br />gkoepgerkopg
gfegfopertg erge <br />gkdfogerkgoperkg<br />gkoepgerkopg
gfegfopertg erge <br />gkdfogerkgoperkg<br />gkoepgerkopg
gfegfopertg erge <br />gkdfogerkgoperkg<br />gkoepgerkopg
gfegfopertg erge <br />gkdfogerkgoperkg<br />gkoepgerkopg
gfegfopertg erge <br />gkdfogerkgoperkg<br />gkoepgerkopg
gfegfopertg erge <br />gkdfogerkgoperkg<br />gkoepgerkopg
gfegfopertg erge <br />gkdfogerkgoperkg<br />gkoepgerkopg
gfegfopertg erge <br />gkdfogerkgoperkg<br />gkoepgerkopg
gfegfopertg erge <br />gkdfogerkgoperkg<br />gkoepgerkopg
gfegfopertg erge <br />gkdfogerkgoperkg<br />gkoepgerkopg
gfegfopertg erge <br />gkdfogerkgoperkg<br />gkoepgerkopg
</div>


</div>

* {
	margin: 0; padding: 0;
	font-family:Verdana, Geneva, sans-serif; font-size: 100.01%; } 

body {
   width:100%;
   background-color:#65a6ff; color:#000; }


#container { border:1px solid;
   margin:0 15px 0 15px;
   height:100%;
   }

#left_side {
   border:1px solid;
   float:left;
   width:212px; height:100%;
   background:url(images/l_line.png) repeat-y; }

#left_side #block_top {
   height:10px;
   background:url(images/l_block_top.png) no-repeat; }


#left_side #block_body {
   background:url(images/l_block_body.gif) repeat-y; }

#left_side #block_bottom {
   height:30px;
   background:url(images/l_block_bottom.png) no-repeat; }	  

#left_side #block_bottom_end {
   height:10px;
   background:url(images/l_block_bottom.png) no-repeat; }		 

#right_side {
   border:1px solid; 
   float:right;
   width:212px; height:500px;
   background:url(images/r_line.png) repeat-y; }

#right_side #block_top {
   height:10px;
   background:url(images/r_block_top.png) no-repeat; }

#right_side #block_body {
   background:url(images/r_block_body.gif) repeat-y; }

#right_side #block_bottom {
   height:30px;
   background:url(images/r_block_bottom.png) no-repeat; }

#right_side #block_bottom_end {
   height:10px;
   background:url(images/r_block_bottom.png) no-repeat; }	  

#content_top {
   height:10px;
   background:#d2e4fc; }   

#content {
   background:#FFF url(images/b_line.png) repeat-x; background-position:bottom;
   margin:0 212px -0 212px; }

решил проблему http://habrahabr.ru/blogs/css/64242/

Edited January 5, 2011 by Photoshopper