Posicionar un div debajo de una capa absoluta

[C2am]

Lo pensaría distinto, dejando relative lo más importante: header-contenido-footer.
Y creando una caja con posición absoluta que me sirva para poner ese fondo verde-azul detrás de header-contenido.
Es decir, sacar del flujo del documento lo menos importante, lo decorativo, ubicarlo por encima del fondo amarillo, pero detrás del header y contenido.

También podrías ubicar el contenido con top:-200px (o lo que corresponda), pero con position:relative. aunque deberías repetir lo mismo con el pie. Es una chapuza pero funciona, no es muy correcto que digamos.