sabruchi:
El html + Css sería algo asi
Código HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Marco redondeado</title>
<style type="text/css">
<!--
#izquierda {
position:relative;
width:10px;
height:115px;
z-index:1;
background-color: #FFFFFF;
float: left;
background-image: url(izq.png);
}
#centro {
position:relative;
width:200px;
height:auto;
z-index:2;
background-color: #FFFFFF;
float: left;
background-image: url(centro.png);
text-align: center;
vertical-align: middle;
}
#derecha {
position:relative;
width:10px;
height:115px;
z-index:3;
background-color: #FFFFFF;
float: left;
background-image: url(der.png);
}
-->
</style>
</head>
<body>
<div id="contenedor_marco">
<div id="izquierda"></div>
<div id="centro">Contenido</div>
<div id="derecha"></div>
</div>
</body>
</html> ahora, las imágenes de fondo:
Para la capa izquierda
Para la del centro:
Y para la derecha
Te aclaro que por defecto el valor de repetir para background-image es repeat, que es lo importante para hacer lo que tu denominas, "estiramiento" para el contenido(capa centro), para los cierres a izquierda y derecha, el ancho de la capa es igual al de las imágenes (10px en este caso) y da lo mismo que repita o no.
Cuidado, esto te sirve para hacer el ajuste horizontalmente, si tu contenido va a modificar tambien el alto de la capa central, la cosa es más complicada, y ni me puse a pensar en una solución para eso, espero con esto te alcance.
Saludos