Margine di un elemento interno alza il box

[emanueledg]

Ciao,
ho un box con i bordi arrotondati, con il classico sistema di top + bottom + centro con background ripetuto:

<div class="boxContainer">
	<div class="boxTop"></div>
	<div class="boxCenter">...qui il contenuto...</div>
	<div class="boxBottom"></div>
</div>


<style>
	.boxContainer { width: 200px; }

	.boxTop { background: url(bgTop.gif) no-repeat; }
	.boxCenter{ background: url(bgCenter.gif) repeat-y; }
	.boxTop { background: url(bgBottom.gif) no-repeat; }
</style>

Nel momento in cui si inseriscono nel box centrale dei contenuti aventi un certo margine, come il tag h1 o p, questo margine si frappone tra il top e il centro del box.

Come si può evitare?