* { margin:0;padding:0; } 

html, body, #wrap { height: 100%; }

body > #wrap { height: auto; min-height: 100%; }

#main { padding-bottom: 50px; }  /* must be same height as the footer */

#footer {
  position: relative;
  margin-top: -53px; /* negative value of footer height */
  height: 50px;
  clear:both;
}