Primero, corrige el desliz:
#cabeza .foto{ width:100%
px;
Segundo, utiliza preferentemente la notación hexadecimal para los colores.
Tercero, creo que en este caso está justificado el uso de la posición absoluta para ubicar en su sitio .foto:
Cita: #cabeza .foto {
background-color:#00FFFF;
height:450px;
width:100%;
position:absolute;
bottom:0;
width:100%;
}
Un saludo