Bueno, al darle la propiedad float a algunas capas, como "flotan", no forman parte real de la capa que la contiene, por lo que esa capa no sabe donde debe terminar (de larga digo). Es por eso que a veces el fondo principal de la página termina antes de terminar los bloques de texto, etc.
Una opción es darle la altura a cada una de las páginas. Para ello puedes poner esto en todas las páginas de la web, justo antes de </head>
(esto vale solo si tu web no tiene demasiadas páginas. Hacerlo en una web de cientos de páginas es un disparate por el trabajo que tiene, pero si son 10 o 20 y el contenido no vas a cambiarlo muy frecuentemente es perfecto)
<style>
#contenido {height:550px}
</style>
</head>
Esto ya lo tenias definido en la hoja de estilo, pero lo que definas dentro del html tiene siempre prioridad con lo que hará caso de esto que hemos añadido.
Ahora, como cada página de tu web tiene esa linea, te basta con ir variando esa cantidad (el 550px) hasta dejar el fondo con una profundidad suficiente. Has de hacerlo página a página, pues cada una es más o menos larga en función de su contenido. Además, cada vez que añadas o quites contenido de una página tienes que volver a retocar la cantidad esa (de esa página solo, claro)
Qué? Te funciona ahora? Si sigue habiendo problemas (imagino que alguno) nos lo dices y seguirmos.
Un abrazo y suerte. Ah, la web tiene muy buena pinta, solo te falta gastarte 15 dolares en allinhosting.com y comprarte un dominio en condiciones... Diles que vas de parte de Jorgens de ComoCrearTuWeb y te trataran muy pero que muy bien. Son amigos ya, je je je. Allí alojo esta web.