Помогите с растяжкой на странице

[cul8er]

Вот здесь то чего удалось уже добиться

Футер прижат книзу, но внутренний блок с текстом заканчивается там же где и текст (это видно по border'ам серым, которые обрываются вслед за текстом).

Если div'у (content_inside), в который заключен текст, поставить min-height 100%, то футер уходит за страницу и появляется прокрутка.

Теперь два вопроса:

1. Как подправить, чтобы бордеры div'a(content_inside) прилегали к футеру?

2. Будет ли тогда возможным разместить контент в правом нижнем углу, прижатым к футеру (нижняя часть колонки где флэш с погодой - div.content_inside_sidebar) ?

Вот пример разметки:

<div id="total">
		  <div id="content_inside">

				   <div id="content_inside_sidebar">
						  Колонка справа от текста (информеры итд)
					</div>

					<div id="content_inside_main">
						 Много много текста
					</div>

		  </div>

		  <div id="footer_space"> </div>
</div>
<div id="footer">
	 FOOTER
</div

Выдержка из CSS

* {margin:0; padding:0;}
html {height: 100%;}
body{min-height:100%;height:100%}

#content_inside{
border-left:1px solid #BBB;
border-right:1px solid #BBB;
margin:0 auto;
width:800px;}

#content_inside_sidebar{
border-left:1px solid #BBB;
float:right;
line-height:175%;
margin:5px 0 5px 570px;
padding:0 0 0 10px;
position:absolute;
width:200px;}

#content_inside_main{letter-spacing:-1px;
line-height:175%;
margin:0 auto;
min-height:100%;
padding:10px 235px 10px 10px;
width:550px;}

#total {height: auto !important;
min-height:100%;
height:100%;
width:100%;}

#footer {
height: 50px;
clear: both;
margin: auto;
margin-top: -50px;
height:50px;
width:100%;}

#footer_space{height: 50px;clear: both;}

Edited December 28, 2010 by cul8er