Div-Box mit Inhalt

[Alexander86]

Hallo,
ich habe auf meiner Homepage eine Seitenleiste mit mehreren untereinander angeordneten Boxen. Hier der Code:

<div class="rounded-container">
<h2>Headline</h2>
<p>Paragraph</p>
<p>Paragraph</p>
</div>

<div class="rounded-container">
<h2>Headline</h2>
<p>Paragraph</p>
<p>Paragraph</p>
</div>

h2 {
margin: 20px 0px 10px;
font-size: 12pt;
font-weight: bold;
}

p {
margin: 10px 0px;
}

.rounded-container {
margin-bottom: 10px;
padding: 10px;
background-color: silver;
/* Die Boxen bekommen noch abgerundete Ecken mit folgender Technik: http://green-beast.com/experiments/css_smart_corners.php */
}

Durch die Außenabstände von Überschriften, Textabsätzen usw. kommen leider sehr ungleichmäßige Innenabstände der Boxen zustande. Aber diese brauche ich ja um die Textelemente in den Inhaltsbereichen voneinander abzusetzen. Wie mache ich das, damit die Abstände zwischen den Textelementen bleiben aber auch die Abstände zu den Boxen stimmen?

[hero-master]

Moin
ich weiß nicht genau, ob ich das richtig verstanden habe, am besten zeigst du uns mal wie du es gerne haben möchtest (Skizze oder so).
Wenn ich das richtig verstanden habe, könnte dir die Pseuoklasse :first helfen (im IE6 nicht unterstützt) oder du gibst dem ersten oder dem letzten Paragrafen (oder auch Überschrift, je nachdem) jeweils eine Klasse und gibst ihm andere Eigenschaften


btw: pt-Werte sind für den Printbereich, verwende Pixel-Werte (außer es ist eine Druckversion )