помогите создать два вложенные друг в друга и резиновые по высоте дивы

[windim]

В общем идея такая, помогите реализовать, уже два дня мучаюсь, ничего не получается.

Нужно сделать два резиновых по высоте дива, которые в случае превышения внутренним контентом высоты окна браузера тянутся на высоту этого контента, в противном случае занимают 100% высоты окна браузера. Один див вложен в другой. Насколько это реально???

Тут код страницы, по идее должен работать, но почему-то не работает. Помогите кто чем может.

[juverman]

это точно сработает

html, body {
	height: 100%;
}
body {
		margin: 0;
		min-width: 1000px;
}
#container {											
		min-height: 100%;
		background: yellow;
		overflow: hidden;
}

#cont_bg01 {											
		background: blue;
		overflow: hidden;
		padding: 0 0 9999px;
		margin: 0 0 -9999px;
}
#cont_bg02 {											
		background: gray;
		overflow: hidden;
		padding: 0 0 9999px;
		margin: 0 0 -9999px;
}
#main_cont {											
		width: 1000px;
		margin: 0 auto -9999px;
		padding: 0 0 9999px;
		background: red;
}
* html #main_cont {
		padding-bottom: 0;
		margin-bottom: 0;
		height: 100%;
}

[windim]

это точно сработает

html, body {
	height: 100%;
}
body {
		margin: 0;
		min-width: 1000px;
}
#container {											
		min-height: 100%;
		background: yellow;
		overflow: hidden;
}

#cont_bg01 {											
		background: blue;
		overflow: hidden;
		padding: 0 0 9999px;
		margin: 0 0 -9999px;
}
#cont_bg02 {											
		background: gray;
		overflow: hidden;
		padding: 0 0 9999px;
		margin: 0 0 -9999px;
}
#main_cont {											
		width: 1000px;
		margin: 0 auto -9999px;
		padding: 0 0 9999px;
		background: red;
}
* html #main_cont {
		padding-bottom: 0;
		margin-bottom: 0;
		height: 100%;
}

спасибо большое! все работает, Респект!