Devo riprodurre un box con sfumatura interna e bordi un po' particolari per cui ho fatto così:
La parte alta del box l'ho tagliata e messa come sfondo al contenitore principale allineata in alto, mentre la parte bassa l'ho inserita nel contenitore figlio e allineata in basso.

codice:
<div id="boxprod">
<div id="menprod">
Contenuto div figlio
</div>
</div>
CSS:
codice:
#boxprod {
	background-image: url(img/graf/topbox.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	width: 205px;
	margin-left:63px;
	background-color:#000;
	padding-top:30px;
}

#menprod {
	background-image: url(img/graf/botbox.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	min-height: 250px;
             height: auto !important;
             height: 250px;
	padding-bottom:30px;
	margin:0px;
}
Su ie tra la fine dello sfondo che di altezza è 26px e l'inizio del secondo div ci sono 4px "vuoti" dove si vede il nero di sfondo. (E così mi va bene 26+4=30 che è il padding top)
Il problema è su firefox dove la banda nera è di 26 px!!!
Avrei bisogno di uniromrare queste due distanza per perfezionare il resto.