Frage zu divs...

[Encoder]

Hallo, mal ne kniffelige Frage zu einem Layout, an dem ich schon ne Weile rum überlege.

Ich habe bisher ein div (mit begrenzter Breite), in dem sich folgendes befindet.

<div>

<p>Text</p>

<div>
    <p>Evtl. viel Text, den man scrollen soll. Daher das div drum herum,
      es hat overflow:scroll und eine max-height, für den Scrolleffekt.
      Dieser Teil macht das gesamte äußere div variabel hoch!
    <p>
  </div>

<p>Eine Leiste mit Buttons</p
</div>

Das äußere div brauch ich schon mal wegen der Positionierung. Das zweite innen brauch ich, damit dieses div scrollen kann, wenn der <p> in ihm zu lang wird.

Hinter das ganze soll jetzt ein Hintergrundbild, das oben und unten einen Abschluss hat. Praktisch an die Grenzen des äußeren divs.

Denkbar wäre, oben ein relativ hohes Bild anzusetzen und ganz unten den Abschluss separat mit einem Bild zu gestalten.
Allerdings befürchte ich dass das in einer div Suppe ausartet.
Wenn ich dem äußeren div den oberen Teil des Hintergrunds geb, könnte ich der Buttonleiste den unteren Teil des HG verpassen. Dann ragt allerdings der obere Teil unter diesem noch hervor.

Ich könnte jetzt um die oberen zwei Teile (p und div) nochmal ein div klatschen, damit da das obere Hintergrundbild reinkommt.
Aber das werden mir so langsam zu viele divs, hat jemand ne Idee wie ich das schöner machen könnte?