CSS Making footer stick to bottom

how make footer stick bottom?

 

http://www.curiousmedia.com.au/test/default.php

 

 

thanks

 

 

 

here css

 

* {
margin: 0;
}
html, body {height: 100%; padding:0; margin:0; font-family:tahoma, geneva, sans-serif; font-size:11px; line-height:18px;}

h1 {font-family:tahoma, geneva, sans-serif; font-size:18px; color:#1d518b;}

#superwrapper{
background-image:url(images/top_bg.gif);
background-repeat: repeat-x;
}
#wrapper {width:765px; min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -125px; /* bottom margin negative value of footer's height */}
#header{padding-top:25px; }
#logo {float:left;}
#social_media {float:right; padding-top:30px; }
#social_media img{padding-left:8px;}

#content{padding:25px 0 0 35px;}

#col-1{width:452px; float:left;}
#col-2{float:right; width:213px;}

.clr{clear:both;}

#footer-content{width:765px; padding:75px 0 35px 0; margin: 0 auto}

.push{height:1px /* .push must same height .footer */}

.footer{
height: 126px; /* .push must same height .footer */
background-image: url(images/footer_bg.jpg);
background-repeat:y;
}

hi,

 

thanks nancy o. should here:

 

www.alt-web.com/demos/css2-sticky-footer.shtml

 

hans-g.

More discussions in Dreamweaver support forum

adobe