Si el ancho de la página es fijo, resulta mejor solución incluir las sombras en el fondo de la etiqueta <body>. Una imagen de unos pocos píxeles de alto y la propiedad background-repeat:repeat-y hacen el resto.
Otra posibilidad es incluir unos divs dentro de otros de modo que el más largo de ellos obligue a otros a tener su tamaño.
Por brevedad uso tres divs:
<div id="sombraIzqda">
<div id="sombraDcha">
<div id="pagina"> ... cabecera, cuerpo,..., pie... </div>
</div>
</div>
La imagen de las sombras se incluye como fondo del div correspondiente repitiéndose en este caso en vertical (serviría igual en caso de quererla en horizontal). Debemos añadir en el div de la sombra un padding derecho o izquierdo, según el caso, con el ancho de la sombra para que el contenido respete el fondo y no lo oculte.