Stylesheet im Stylesheet funktioniert nicht

[Michael Haszprunar]

Hi Forum,

Habe folgendes Problem. Ich definiere im <style>-Teil folgende Styles:

.border_red {border-width:7px; border-style:solid; border-color:#ff0000; padding:5px;}

.headline_small_red {font-size:12pt;font-family:Arial;font-weight:bold;text-align:center;text-decoration:underline;color:#ff0000;}

und möchte diese so verwenden:

<p class="border_red">
        <p class="small_headline_red">Überschrift</p><br>
        text
</p>

Soll also einen Absatz mit rotem Rahmen geben, darin eine kleine Überschrift, rot und unterstrichen und danach etwas Text.

Nun ist es so, dass wenn ich 2 <p>s verwende (wie oben), dann steht der gesamte text ausserhalb des rahmens. wenn ich 2 <div>s verwende, dann gehts, aber die kleien überschrift erhält keine formatierung (eben rot und unterstrichen).

Was mach ich falsch? ich hoffe doch, dass man diesen fall über CSS realisieren kann, oder?

Please help,
                 Michael H.