Cita: Tanto a '.contenido' como a '.lateral' sería conveniente que añadieses un 'clear', con el mismo valor que su float...
Creí que estaba claro, pero veo que puede resultar ambiguo:
Con el mismo valor para 'clear' que cada uno tiene en su 'float'. Así que el elemento flotado a la izquierda tendrá "clear: left" y el flotado a la derecha "clear: right". Lo que hace que el que llamas .footer (Alexk) no necesite el clear. Es redundante asignarle el "clear" a los tres.
Y efectivamente
para que aparezca el background, hay que posicionarlos.
Un saludo, y hasta el próximo "juego".