Ciao a tutti!

In pratica si tratta di fare un semplicissimo box usando i CSS
Il box è composto da un'immagine in alto che fa da bordo arrotondato, un'immagine al centro messa come sfondo che si ripete in verticale (dove poi va il contenuto), e un'ultima immagine in basso che chiude la scatola con un altro bordo arrotondato.

Ho usato questo codice XHTML:
codice:
  
<div id="boxup">[img]images/boxcenterup.gif[/img]</div>
<div id="contentbg">
 

Contenuto Contenuto</p>
 

Contenuto Contenuto</p>
 

Contenuto Contenuto</p>
</div>
<div id="boxdown">[img]images/boxcenterdown.gif[/img]</div>
e questo come CSS:

codice:
#contentbg {
        margin: 0px;
	padding: 0px;
	background-image: url(/sito/images/boxcenterbg.gif);
	background-repeat: repeat-y;
}

#boxup {
	margin: 0px;
	padding: 0px;
}

#boxdown {
	margin: 0px;
	padding: 0px;
}
Ora il problema è il seguente: su Firefox c'è dello spazio tra i vari DIV (su IE no) che pensavo di aver eliminato con margin e padding a 0. Ma invece non è stato così. come posso risolvere?

Grazie a tutti