Tengo exactamente el mismo problema y no he encontrado forma de resolverlo
las capas amarillas son donde irán las sombras, pero no puedo hacer que ocupen toda la pantalla cuando el contenido de la pagina genera un scroll, lo mismo con el div rojo deberia alargarse segun el contenido.
el verde y el azul son float para que puedan quedar en la misma linea