Искам моят контейнер div да се разшири вертикално, за да побере съдържанието му?

Създавам страница, която има фоново изображение и съдържанието е в центриран контейнер, който върви вертикално надолу по страницата. Подобно на Yahoo! Оформление на отговорите: http://uk.answers.yahoo.com/

Ако минимизирате браузъра си, докато сте в Yahoo! Отговаря вертикалното превъртане просто става „по-дълго“ и цялото съдържание остава върху белия контейнер.

В моя обаче, когато минимизирам браузъра си, съдържанието към дъното на контейнера прелива и вместо това се появява на фоновото изображение. Искам контейнерът да се разшири..

Не искам да използвам overflow:auto или други атрибути за overflow и не харесвам лентите за превъртане.

Моля, вижте по-долу и ви благодаря предварително:

body {
background-image: url('images/ppback.jpg');
padding: 0;
margin: 0;
width:100%;
height:100%;
}

#container {
position: relative;
background: #440077;
width: 770px;
margin:0 auto;
top: 0px;
height: 100%; 
opacity: .7;
filter:alpha(opacity=70);
)