Podruhé: Clearovaná h2 po floutcích neakceptuje margin-top

Před 11 dny jsem tu pokládal dotaz, na který nikdo neodpověděl.
Protože je za ten čas už v polovině druhé stránky CSS, pochybuju, že si ho ještě někdy někdo všimne.

Zkusím to tedy ještě jednou a opakovaně se zeptám.
Neříkejte, že nikdo nevíte.

----

Narazil jsem na záhadu – po 3 obtékaných odstavcích následuje <h2>.
Přestože má <h2> horní margin nastaven na 2em, je vyclearovaná (both) a na jiných místech se tak chová, po přech plaváčcích odmítá v Opeře a FF horní margin akceptovat; v IE bez problému, a to jak v 7, tak dokonce v 6 (v IE6 neřešte šířku, je tam jen max-width).

Najdete to na http://kesolim.sweb.cz/TMP/xycht/ na konci stránky – text <h2> je Ušemý za hudí.
Proč se tak <h2> chová?

Díky.
Že je to ve FF a Opeře správně mi bylo hned jasné (natolik znám IE) a že floutek vlastně není taky vím.
Jenom mě nenapadlo žádné řešení.

Tvůj nápad s divem mě nakopnul správným směrem.
Nenacpal jsem tam ale žádný div, hledal jsem čistší řešení pouze prostřednictvím CSS.
A nakonec jsem jedno našel:
p.verse + p + p:after {display: block; clear: both; content: " "; height: 2em;}

Funguje to jak ve FF, tak v Opeře.
A v Exploreru se to nijak neprojeví – viz nepodpora :after.

Plaváček
Nee, to není řešení, poněvadž se pak té h2 nafoukne její pozadí (ten tmaší hnědý proužek).