min-height: 100% bugging my footer?

[thme01]

here is the css code.

 

html, body {

height : 100%;

}

#Header {

height : 100px;

width : 900px;

margin-top : 5px;

margin-right : auto;

margin-bottom : 0;

margin-left : auto;

background-image : url(Images/header%20for%20website2.jpg);

border-left : 1px solid #ccc;

border-right : 1px solid #ccc;

border-top : 1px solid #ccc;

}

#wrapper {

min-height : 100%;

margin : auto;

z-index : 1;

background-image : url(Images/wrapper%20background%20finished.png);

background-repeat : no-repeat;

background-position : top;

}

#browsing_body {

height : 600px;

min-height : 600px;

background-color : #f5f5f5;

width : 900px;

margin-right : auto;

margin-left : auto;

border : 1px solid #ccc;

}

#navigation_bar_area {

height : 37px;

width : 900px;

margin-left : auto;

margin-right : auto;

margin-top : 0;

border-left : 1px solid #ccc;

border-right : 1px solid #ccc;

border-bottom : 1px solid #ccc;

background-image : url(Images/header%20for%20website%20navigation%20image.jpg);

}

#Footer {

height : 100px;

width : 900px;

margin-right : auto;

margin-bottom : 5px;

margin-left : auto;

border-left : 1px solid #ccc;

border-right : 1px solid #ccc;

background-image : url(Images/footer%20background.png);

position : static;

}

[Frank P]

Cute, but it would have been nice if you would have told us what exactly it is that you want to achieve?

 

But you're lucky, because all objectives and methods to achieve them are described in this tutorial: Create a Fixed ('Sticky') Footer with CSS.