DIVy pod sebou (mezera) – HTML / XHTML – Fórum – Programujte.com

Zdravim, mohl by mi prosim nekdo pomoci s problemem ohledne DIVu?

Mam 3 divy pod sebou, tvori takovy obly ramecek, kdy div "horni" a "dolni" obsahuji pozadi s oblymi ruzky. Zjednoduseny zdrojovy kod:

<div class='horni'>
</div>

<div class='veprostred'>
</div>

<div class='dolni'>
</div>

"horni" a "dolni" maji jen nastavene pozadi a pevnou vysku, sirku. Margin a padding 0px.

"veprostred" ma margin:0px, pevnou vysku, sirku a padding 5px.

A problem:
Kdyz vlozim do divu "veprostred" nejaky prvek (at uz H1,P nebo neco jineho), ktery ma margin vetsi nez 0px, a zaroven je ten prvek prvni nebo posledni, divy uz nedrzi u sebe, ale poodskoci nahoru nebo dolu. Mohl byste mi prosim nekdo poradit, jak se tohoto problemu zbavit?

Dekuju za kazdou radu.