para evitar usar imágenes como degradado, podrías hacerlo mejor como un div con fondo degradado. si no sabes hacerlo, en esta página puedes hacer fondos degradados a tu gusto:
http://www.colorzilla.com/gradient-editor/. el código generado (es un background), lo pegas en el css correspondiente.
en cuanto a posicionarlos, la idea de DrFaust es muy acertada. aunque yo pondría los tres div en el mismo plano de la siguiente manera:
Código PHP:
<style type="text/css">
#degradadoizquierdo {
position:absolute; top:0px; left:0px;
width:10%;
height:100%;
background...; //aquí va el degradado izquierdo
}
#degradadoderecho {
position:absolute; top:0px; right:0px;
width:10%;
height:100%;
background...; //aquí va el degradado derecho
}
#contenidopágina {
position:absolute;top:0px; left:10%;
width:80%;
height:100%;
}
</style>
<div id="degradadoizquierdo"></div>
<div id="degradadoderecho"></div>
<div id="contenidopágina"></div>
con esto se soluciona el problema de la resolución que comentaba ZoroRoronoa y tiene que funcionar sí o sí XD