Sticky Footer Isn't Sticky!, It just won't stick.

[Niintek]

Hi there fellow members,

Okay, i now really need youre help here. My sticky footer isn't sticking at all! Somehow its not applying the height of the content (Which is on height:auto;), though when i make the value of the height a static number it does stick where it should stick.

The problem occurs on www.njoy-life.nl/index.php the css for the sticky footer is:

The HTML and BODY:

CODE

html, body {
height:100%;
}

The Wrapper:

CODE

#wrapper {
min-height:100%;
width:860px;
position:relative;
margin-left:auto;
margin-right:auto;
padding-bottom: 99px;
}

The Content:

CODE

#content {
position:relative;
height:auto;
top:465px;
}

The Content box:

CODE

#content-box {
width:580px;
height:auto;
float:right;
margin:15px 5px 0 0;
padding:10px 20px 20px 20px;
-moz-box-shadow: 0px 0px 5px #ccc;
-webkit-box-shadow: 0px 0px 5px #ccc;
box-shadow: 0px 0px 5px #ccc;
}

And last but not least, the footer:

CODE

#footer {
width:860px;
height:99px;
margin-left:auto;
margin-right:auto;
background:url(/assets/template/njoylife/images/footer.png) no-repeat;
position: relative;
margin-top: -99px;
clear:both;
}

Full css at http://njoy-life.nl/assets/template/njoylife/css/style.css

You would be my hero if youve got the solution for this! You might get a beer if you got it right

Cheers,

Nick