Hola a todos!

Estoy hace poco con esto del CSS y quiero hacer algo que no logro:


<cuerpo de documento>
<imagen esquina superior derecha>


<imagen esquina inferior derecha>
</fin de cuerpo de documento>


Ambas imágenes son divs, lo que quiero es colocar un div entre las dos imágenes y que me repita una imágen. No debe importar la distancia a la que están las imágenes

Tengo algo así:


#corner_arriba {
position:absolute;
background-image:url(corner_tr.png);
top:0px;
right:0px;
height:200px;
width:200px;
margin:0;
padding:0;
}

#corner_abajo {
position:absolute;
background-image:url(corner_bl.png);
bottom:0px;
left:0px;
height:200px;
width:200px;
margin:0;
padding:0;
}

#fondo_izquierda {
position:absolute;
background-image:url(back_r.png) !important;
background-repeat:repeat-y;
top:200px;
right:0px;
height:???; //Esto es lo que quiero saber!!
width:50px;
}


<div id="corner_arriba"></div>

<div id="fondo_izquierda"></div> //Quiero ajustar esta caja justo entre las otras dos SIEMPRE

<div id="corner_abajo"></div>


Gracias de antemano
Espero me puedan ayudar