Div's anidados y min-height

[jepsersk8]

La verdad hiciste un loco moroco..! mira, si deseas hacerlo (como lo entiendo), es tanto que te mates haciendo eso (a mi ya me paso...). Es la forma como haces los cortes en el programa q estes utizando... En de cortar dos slides, uno para la derecha y uno para la izquierda....
Puedes cortar la imagen degradada completa, igual no seria muchos kilobytes de mas, imagina de 827px de largo y 2px de alto y luego pones:

*{
padding:0;
margin:0;
}
#conteneder{
margin:0 auto 0 auto;
width:827px;
position:absolute; /*esto es para que te agarre desde arriba*/
top:0;
height:100%;
background:url(../path_a_la_imagen.jpg) repeat-y;
}

o la otra mas facil aun...

body{
background:url(../path_para_la_imagen.jpg) repeat-y center; /*como tu div principal, donde tienes los degradados lo tienes en el centro... esto hace lo que kerias!!! ya*/

Pero como??? El explorador calcula el largo total de la imagen de fondo y al darle center, calcula el centro de la imagen y el centro de la ventana y los une por ese punto... Jojo propiedad que casi nadie sabe... :) Y si te das cuenta no tienes q escribir nada mas... pruebalo...
}