No consigo que el contenido empuje hacia abajo mi sticky footer.

[GekoDH]

Ya lo he solucionado, ¿como? pues usando un sticky footer bien diseñado en vez de la chapucilla que me había montado yo:

Código:

* {
  margin: 0;
}
html, body {
  height: 100%;
}
#wrapper {
  min-height: 100%;
  margin-bottom: -142px; /* equal to footer height */
}
#wrapper:after {
  content: "";
  display: block;
}
#footer, #wrapper:after {
  height: 142px; 
}
#footer {
  background: orange;
}

Gracias a todos.