Problema con sombra

[matelo]

Buenas, tengo un problema con la sombra de una web, es decir tengo el cuerpo, y a los costados va una sombra, que es una imagen que se repite en y, el problema es que según la resolución la sombra se recorre y queda en medio del texto. o cuando disminuyes el tamaño de la ventana del browser ocurre lo mismo.

El código donde se encuentra la imagen es el siguiente:

body {
background:#fff url(http://www.geocities.com/telomarce/sombra.gif);
background-repeat: repeat-y;
background-position: 80px 500px;
margin:0;
padding:40px 20px;
font:x-small Georgia,Serif;
text-align:center;
color:#333;
font-size/* */:/**/small;
font-size: /**/small;
}

Y por si acaso la página es www.mateloc.blogspot.com

Como puedo hacer para que al disminuir de tamaño o en resoluciones de 800x600 se vea bien??
Gracias por cualquier ayuda.

[programeitor]

background-position: 80px 500px;

Creo que es eso lo que da problemas, tal vez si utilizas tantos por ciento....

background-position: 10% 75%;

o dejandola en : 0 0;

o utilizando 2 imagenes,una para cada lado y aplicarles la posicion respecto al cuerpo.

[matelo]

Perdon, lo de 500px es cualquier numero que no funciona de todas formas. Pero ya hice la prueba con los porcentajes y nada.
Entonces quedaria tu solucion de dos imágenes, pero como se puede posicionar con respecto al cuerpo??? te agradeceria una explicacion.

[matelo]

Ya encontre el fallo, y ya lo arregle, gracias de todas formas.

[leoj90]

Ponlo para q los demas vean...

[irezumi]

yo tampoco lo consigo, no se qué hacer para ponerle la sombra a los lados!!!!! soy nueva en el maravilloso mundo de las css y no me entero de nadaaaaaa

si el ancho de mi contenedor es de 760px, que codigo pongo y donde para conseguir la sombra a ambos lados¿?¿? vale para cualquier color de fondo o tiene que ser blanco¿?¿?