3 div con bordi

[semolino]

Ora ho un semplice div cosi:
CSS

.fumetto {
    margin:0 auto; width: 550px;
    background:url(../images/fumetto.png) repeat;
    padding: 5px;
} 

HTML

<div class="fumetto">


....contenuto.... xxx yyy fff</p>
    </div> 

Vorrei inserire un div che sta esattamente sopra
con un'immagine e avrà dimensioni width:550px e height:5px
e un div che sta esattamente sotto
con dimensioni width:550px e height:30px.
Quindi,
div top
div fumetto
div bottom

Grazie

[gengix]

Ti sei già risposto da solo.

div top
div fumetto
div bottom

<div class="top">
	[img]percorso_immagine[/img]
</div>
<div class="fumetto">
	

....contenuto.... xxx yyy fff</p>
</div>
<div class="bottom">
	

bottom</p>
</div>

.top, .fumetto, .bottom {
margin:0 auto; 
width:550px;
}
.top {
height:5px;
}
.fumetto {
background:url(../images/fumetto.png) repeat;
padding: 5px;
}
.bottom {
height:30px;
}

[Tux7000]

Se ho capito bene:

.top
{
margin: 0 auto; width: 550px;
height: 5px;
background: url(tuaimmagine.jpg) no-repeat;
}

.bottom
{
margin: 0 auto; width: 550px;
height: 30px;
background: url(altraimmagine.jpg) no-repeat;
}

Ovviamente le immagini che inserisci devono essere della dimensione giusta, ovvero 550px X 30px e 550px X 5px

Alternativamente:

.top
{
margin: 0 auto; width: 550px;
}

.bottom
{
margin: 0 auto; width: 550px;
}

e nel codice HTML:

<div class="top">
[img]tuaimmagine.jpg[/img]
</div>
<div class="fumetto">Tuo contenuto scritto</div>
<div class="bottom">
[img]altraimmagine.jpg[/img]
</div>

Spero di esserti stato d'aiuto.

Edit:
Scusa gengix, stavo postando e non ho visto che hai già risposto.

[semolino]

Grazie ad entrambi!