gracias al final el resultado (són pruebas)
Código:
<html>
<head>
</head>
<body style="margin:50 50;text-align:center;">
<div style="width:900px; height:auto; border:1px solid black; position:relative;">
<div style="background:url('degraizq.png') repeat-y; height:100%; width:10px;position:absolute; top:0; left:0;">
</div>
<div style="background:url('degrader.png') repeat-y top right; height:100%;width:10px;position:absolute;top:0;right:0;">
</div>
<div style="width:880px;height:auto;border:2px solid red; margin:0 auto;">
<br><br><br><br><br><br><br><br><br><br>hola<br><br><br><br>Hola<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>hola<br><br><br><br>Hola<br><br><br><br><br><br><br><br><br><br>hola<br><br><br><br>Hola
</div>
</div>
</body>
</html>
Parece que funciona bien y que los degradados se estiran con el contenido