Резиновый блок

[main.c]

Всем привет, у меня такой вопрос, есть блок #top, в котором есть 3 блока, #header, #content и #news, первые 2 фиксированной высоту, а 3-ий должен занимать оставшуюся часть блока (по высоте) #top, как это сделать?......гугл говорит написать скрипт, но так же говорит, что это не лучший вариант, хотелось бы это сделать средствами верстки, это возможно?

/* Body */
html{
height: 167%;
}

body{
font-family: 'Titillium Web';
color: #223e48;
margin: auto;
width: 100%;
height: 100%;
}
/* Main backgrounds */
div#top{
background-image: url(patterns/pattern.jpg);
min-width: 940px;
width: 100%;
min-height: 596px;
height: 63%;
}
div#low{
background-image: url(patterns/pattern_white.jpg);
min-width: 940px;
width: 100%;
min-height: 250px;
height: 37%;
}

/* Main blocks */
div#header{
min-width: 940px;
max-width: 1280px;
height: 66px;
margin: auto;
}

div#content{
min-width: 940px;
max-width: 1280px;
height: 330px;
margin: auto;
}
div#news{
min-width: 940px;
max-width: 1280px;
height: 25%;
min-height: 200px;
margin: 1% auto;
}

[klierik]

Оформи тему как описано у меня в подписи, пожалуйста

А для чего именно #news должен занимать оставшееся пространство? Это как-то требует дизайн?

а что будет если в каком-то блоке будет переполнение контентом? где должны появляться скролы?

[main.c]

Оформи тему как описано у меня в подписи, пожалуйста

А для чего именно #news должен занимать оставшееся пространство? Это как-то требует дизайн?

а что будет если в каком-то блоке будет переполнение контентом? где должны появляться скролы?

Спасибо, я решил не фиксировать высоту блока #top, теперь она зависит от блока #news.