Varios fondos superpuestos

[sIaTodo]

Hola de nuevo
quiero hacer una pagina con el tipico degradado de arriba a abajo y que el contenido este centrado con un ancho de 700px. Este contenido tiene una sombra por fuera de la "caja". El problema es que al estar la sombra sobre el degradado, la parte supuestamente transparente de la sombra no siempre es del mismo color.
El caso es que el degradado lo he puesto en el html y va bien, se estira hasta abajo. Si pongo la sombra en el body tambien va bien, ocupa todo el tamaño de la sombra. Pero si pongo las dos cosas a la vez (fondo en el html y en el body), el degradado lo hace bien, pero la sombra se me corta justo al tamaño de la pantalla. Es decir, si mi pagina se abre a 600 de alto, la sombra tiene un tajo en el 600, aunque el jpg mida 1200px de alto, con lo que si se hace scroll este tajo queda muy mal.

Tambien he probado a meter divs anidados, para que cada uno tenga un fondo, y jugar con el z-index, pero entonces me ocurre que al ponerles 100% de alto, toman el tamaño de la pagina (600px), y cuando usan el scroll se vuelve a ver el tajo feo en el degradado. ¿no hay manera de conocer el tamaño de la pagina de verdad? no el de la ventana, sino los 3000px por ejemplo que puede tener mi pagina hasta el final del scroll.
Muchas gracias