* {
  margin: 0;
}

html, body {
  height: 100%;
}

.wrapper {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -142px; /* the bottom margin is the negative value of the footer's height */
  position: relative;
  width: 700px;
}

.footer, .push {
  height: 142px; /* .push must be the same height as .footer */
}

.header {
  height: 90px;
}

.footer {
  position: relative;
  width: 700px;
  margin: 0 auto;
}