Sticky footer o pegar abajo siempre el footer

[sitonico]

Hola a todos,

Acabo de empezar en CSS y quería presentar un caso básico pero que me está dando problemas con las soluciones básicas : El Sticky footer o que esté siempre abajo, hablando en plata :).

El tema es que una de las medidas que se toman es poner html y body {height: 100%}.
Ahora viene mi problema. Yo tengo 2 imágenes de fondo hechas con photoshop superpuestas y que me servirán de layout en mi web. Quiero que el footer vaya abajo a la derecha siempre, pero este layout tiene un poco scroll hacia abajo(en mi pantalla de portátil no cabe la imagen entera). Cuando hago html , body {height: 100%} digamos que se me recorta el layout y la parte de arriba no se ve.
Así pues, no sé cómo hacer para coloar el footer abajo sin que se me recorte el layout. Ideas?
Si son necesarios screenshots o el código sin problema, no los he introducido de momento ya que al ser este un problema común supongo que la respuesta será facil y no será un caso particular, aunque sí es cierto que no encontré nada por google.

Gracias de antemano y un saludo,

A.

[opzina]

Prueba con position fixed y bottom 0. (Disculpas esto es para otra cosa)

Código CSS:

* {
    margin: 0;
}
html, body {
    height: 100%;
}
.wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -142px; 
}
.footer, .push {
    height: 142px; 
}