如何使頁面背景色無處不在，甚至在頁面下方？

我在這裏有一個非常短的（高度）頁面：http://www.problemio.com/auth/forgot_password.php，它看起來非常尷尬，因爲背景顏色只會下降，直到頁面結束。如何使頁面背景色無處不在，甚至在頁面下方？

我曾想過要在屏幕下方設置一個高度，但並不是真的想這樣做，因爲它會讓我的CSS更加混亂。

是否有一種簡單的方法可以使這種頁面一直延伸下來？

，這裏是我的CSS設置總體佈局：

body, html 
{ 
    #padding: 5px; 
} 

body 
{ 
    font-family: "Century Gothic",Helvetica,Arial,sans-serif; 
    margin: 0; 
    padding: 0; 
    font-size: 1em; 
    background-color: #5C5957; 



    #background:url(/img/ui/background_image.png) top left no-repeat; 
    #background-size: 100%; 
} 

/* makes the background of the top bar gray */ 
.container 
{ 
    position: relative; 
    background-color: white; 

    overflow:hidden; 
    width:1000px; 
    margin: 0 auto; 
}

謝謝！

來源

2011-12-01 GeekedOut