footer al pegado a la parte inferior del navegador
 

Hola a ver si alguno de vosotros conoce alguna solución al problema:
tengo este código para la web:

html, body
{
margin:0;
padding:0;
height: 100%;
}
Y después para el footer:
{
width:761px;
height:99px;
float:left;
padding:0;
margin:0;
clear: both;
}
Cómo puedo hacer para que, aunque no haya contenido en las capas anteriores, se me quede al "final"siempre pegado a la parte de abajo del contenedor? Lleva un pattern de fondo y queda fatal, sale el pattern y luego continúa el fondo blanco.

Muchas gracias por adelantado.

http://www.tierradenomadas.com/rc010.phtml


Me recomendaron este enlace, es muy bueno, nada de javascript

gracias!
 

Muchas kazafun!voy a probar...