Crear div con imagenes

[rb3m]

Más o menos así:

html:

<div class="sup_izq"></div>
<div class="sup"></div>
<div class="sup_der"></div>
<div class="izq"></div>
<div class="contenido">
Bla bla bla bla
</div>
<div class="inf_izq"></div>
<div class="inf"></div>
<div class="inf_der"></div>

css:

.sup_izq {
background: url('imagen1.jpg') bottom right no-repeat #000;
width: 10px;
height: 10px;
}

.sup {
background: url('imagen3.jpg') bottom repeat-x #000;
width: 30%; <-- o lo que sea.
height: 10px;
}


.sup_der {
background: url('imagen4.jpg') bottom left no-repeat #000;
width: 10px;
height: 10px;
}

.izq {
background: url('imagen2.jpg') right repeat-y #000;
width: 10px;
}

.der {
background: url('imagen2.jpg') left repeat-y #000;
width: 10px;
}

Bueno, ya te podrás imaginar lo demás (todavía tengo el cerebro desbielado)