Hola:
El problema lo tienes aquí:
Código:
#footer {
position: relative;
margin-top: -7.5em;
border: 1px solid yellow;
}
El margin-top: -7.5em hace que el pie te salga donde te sale.
De todas formas si le pones un borde de color al div nonFooter, veras que los div contenido y links al tener posición absoluta desbordan por debajo al nonFooter.
Saludos.
