100% background img

Udfordring: På alle sider, skal baggrunden være i browserens fulde højde, uafhængig om siden indhold fylder hele sidens højde ud. Samtidig skal baggunden fyldes ud, når indhold på siden gør siden længere end browserens vidue. Jeg har også en footer, og den skal naturligs være i bunden af alle sider.

Side med problem (scroll ned for at se problemet): http://www.xmediagroup.dk/references/index.htm

Alle andre sider renderes rigtigt - men der er heller ikke indhold, der er længere end et "normal" browservidue.

Mit CSS:

html {height: 100%;}

body {
    font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; color: #000; text-align: center;
    margin: 0px; padding: 0px; height: 100%;
    background-color:#858585;}

#bodyWrap {
    margin: 0 auto; text-align: left;
    width: 960px; height: 100%;
    background-image: url("body_bg.gif"); background-repeat: repeat-y;}

#contentWrap {
    margin: 0 auto;
    margin-left: 45px; margin-top: 15px;
    width: 870px;
    text-align: left;}

#Footer {
    margin-left: 26px;
    position: absolute;
    bottom: 0px;
    width: 908px;
    height: 22px;
    background-image: url("footer_img.jpg");
    background-repeat: no-repeat;
}

#clear {clear: both; margin: 0px;}