Mehrere wraps (divs) um ein Content-Element?

Hallo Forum,

und zwar möchte ich mehrere Wraps bzw. divs um ein Content-Element setzen.

Hintergrund ist der, dass ich um jeden Inhalt eine abgerundete Box setzen möchte. Ähnlich der Box rechts oben hier im Forum (Typo3 Vers 4.2.0 testen).

Aufgebaut ist mein Div Layout für diese Box derzeit so:

 <div class="box-small-head"> </div>
    <div class="bog-small-bg">
	    <div class="box-inhalt">CONTENT ELEMENT</div>
    </div>
 <div class="box-small-footer"> </div>

Die CSS Klasse box-small-head hat den abgerundeten Rahmen oben als background.
Die CSS Klasse box-small-bg hat den allgemeinen Rahmen als background.
Die CSS Klasse box-small-footer hat den abgerundeten Rahmen unten als background.

Ich hoffe ich konnte das ganze verständlich erklären.

Wie ich ein div wrappe weiß ich.

subparts.LEFT.renderObj < styles.content.getRight
subparts.LEFT.renderObj =< tt_content
subparts.LEFT.renderObj.stdWrap.wrap = <div class="box-small-head">|<div>

Nur so erhalte ich eben nur den Hintergrund aber keine Rundung oben und unten.
Der CSS Befehl für abgerundete Rahmen klappt auch nur im Firefox.

Danke schonmal im Voraus.

Der "Befehl" gehört wahrschgeinlich auch nicht zur offiziellen CSS-Refferenz.
Verstehe das Problem daran nicht wirklich...
Warum setzt du es dann nicht einfach genau so ein?

subparts.LEFT.renderObj < styles.content.getRight
subparts.LEFT.renderObj =< tt_content
subparts.LEFT.renderObj.stdWrap.wrap (
        <div class="box-small-head">&nbsp;</div>
        <div class="bog-small-bg">
                <div class="box-inhalt">|</div>
        </div>
        <div class="box-small-footer">&nbsp;</div>
)