1:
2:
3:
4:
5:
6:
7:
8:

<div class="aussen">

    <img class="top" src="bildoben.gif" alt=""/>
    <img class="bottom" src="bildunten.gif" alt=""/>

    <p class="text">Hallihallo du schnöde Welt....</p>

</div>

1:
2:
3:
4:

.aussen { position: relative; background: url(bildmitte.gif) repeat-y; }
.aussen .top { position: absolute; top: 0; }
.aussen .bottom { position: absolute; bottom: 0; }
.aussen .text { position: absolute; top: 0; }