html, body {
  height: 100%;
}

#page {
  min-height: 100%;
}

#main {
  padding-bottom: 220px;
}

/* must be same height as the footer */
#footer {
  position: relative;
  margin-top: -220px;
  /* negative value of footer height */
  height: 220px;
  clear: both;
}

/*Opera Fix*/
body:before {
  content: "";
  height: 100%;
  float: left;
  width: 0;
  margin-top: -32767px;
}

.ie7 #page {
  display: table;
  height: 100%;
}