div template with 3 random size columns and bottom

[imtsoft]

I use this template\[code\]<style> #block_center{ position: absolute; right: 210px; left: 210px; text-align: left; border: 1px solid #000; overflow: auto; height: auto; } #block_right{ width: 200px; border: 1px solid #000; position: relative; right: 3px; text-align: left; float: right; } #block_left{ position: relative; left: 3px; width: 200px; border: 1px solid #000; text-align: left; float: left; } #block_content{ clear: both; float: none; width: 100%; text-align: center; overflow-y:auto; overflow-x:auto; height: auto; /* margin-bottom: -50px; */ margin: auto; } #block_buttom { background-color: blue; /* z-index: -10; */ width: 100%; height: 50px; clear: both; } .clear { clear:both; overflow:hidden; } </style><div id="block_content"> <div id="block_center"> ARTICLE <br> article_ajax_content </div> <div id="block_right"> Artile links </div> <div id="block_left"> banner </div> <div class="clear"></div></div><div class="clear"></div><div id="block_buttom"> some text info about site and 31px height img </div>\[/code\]Problem that I having is that Article not only can be random height size but also there is ajax block of random size content going after it and I simply can't absolutely stick bottom div to stay in bottom after all content regarding browser window size, content size, ajax block size...Can any one help me with how css (I do not want to use jQuery to pin bottom block to a fix y coordinate) should look like for my pattern of use?