Gut, ich habe es mittlerweile gelöst:
<div id="ContentHead">
<div class="lc">
</div>
<div class="rc">
</div>
Downloads
</div>
#ContentHead {
width: 100%;
height: 46px;
background: url(../../Images/ContentHeadMiddle.png) repeat-x;
color: #ecbfe3;
font-size: 200%;
line-height: 46px;
}
.rc{
background: url(../../Images/ContentHeadRight.png) no-repeat;
height: 100%;
width: 24px;
float:right;
}
.lc{
background: url(../../Images/ContentHeadLeft.png) no-repeat;
height: 100%;
width:40px;
float: left;
}
Ich würde das gerne in drei Grafiken haben, weil insgesamt 4 Überschriften damit unterlegt werden sollen, da ist es einfacher 3 Grafiken, die man variabel einsetzen kann, als 4 große Grafiken zu nutzen...
Ich hab es jetzt halt so gemacht, das der übergeordnete Container einfach komplett die Mittel-Grafik als Hintergrund hat und die beiden Abschlussgrafiken keinen transparenten Hintergrund, sondern die Seitenfarbe haben... Ich denke das funktioniert.