Problema con unas divs

[fernandosg]

Saludos.
Bueno, mi problema hasta hace poco me di cuenta de ello.
Me puse a terminar de maquetar mi sitio y quedo bien, pero no me di cuenta de algunas ciertas cosas, y no se como solucionarlo:
Mi sitio decidi ponerle de fondo unas sombras a los bordes laterales, esas sombras las puse en una div llamada "esqueleto"(esta con dimensiones de width:732 y height:1500), y dentro de ella puse otra div llamada "contenedor", en esta pondria toda la informacion asi como las distintas divisiones que tiene mi sitio (sidebar,footer,etc...), pero, como no sabia cuanto hiba a expanderse esta div, decidi poner como valor height:auto; , suponiendo que esta seria mi solucion.
Una vez terminado todo el sitio, decidi escribir unas notas, una de ella fue demasiado extensa, y al darme cuenta, vi que la div esqueleto como la dimension de largo, era de 1500, obviamente al aumentar mas su capacidad , la sombra (que es una imagen con sombras en los lados),quedo corta y cierta parte de la nota termino fuera de la extension "esqueleto".
En fin, pense que esto se puede solucionar poniendo en valor de largo "auto",e incluso ponerle un valor de 100%, pero al ponerle algunos de esos valores, simplemente, no se ve la imagen :S.
¿Alguien sabe como puedo solucionar esto?
Pondre los valores a continuacion para ser mas especifico en esto:

#esqueleto{
width:732px;
height:1500px;
background:url(../img/backshadow1.png);
background-repeat:repeat-y;
float:none;
margin:auto;
padding:0;
}

#contenedor{
width:702px;
height:auto;
margin-left:15px;
position:static;
float:none;
}