Cita:
Iniciado por falmar 
Hola, eres la leche, funciona de muy bien, solo hacerte unas últimas preguntas sobre el código:
min-height:100%; /*notar el min-height*/ que significa?
overflow:hidden; /*notar el overflow hidden*/ y esta propiedad?
Muchas gracias
Un Saludo
El min-height es una propiedad que utiliza el firefox, para darle un tamaño mínimo a un div. Y el overflow hidden, es una propiedad que hace que todo lo que desborde del tamaño de un contenedor se esconda.
Combina ambas por lo siguiente: Si le dieras un height directo, el overflow hidden funcionaría normal, osea escondería lo que se pasa del tamaño, pero como usamos un min-height, entonces la caja irá creciendo y como no hay un tamaño real, el overflow no tiene nada que esconder porque nada desborda, asi que en vez de esconder, hace crecer el div.
Hay otra orden: overflow:visible. pero este tiene diferente manera de funcionar en firefox y en IE, en firefox se mostrará lo desbordado pero no crecerá el fondo. En cambio en IE se mostrará lo desbordado y crecerá el fondo. Es por eso que ves que uso el hack del asterisco para dejar a ie con el height y overflow visible. Esto tb es porque IE6 no admite la propiedad min-height.
Saludos.