Hintergrund wird nicht angezeigt

[Typhox]

Habt Ihr eine Idee, wie das Problem zu lösen ist?

Vom Prinzip her so (IE7,FF2,O9):

<div style="background-color:blue;height:40px"></div>
<div style="background-color:yellow"><div style="position:relative;top:-20px;">Hier ist der Text</div></div>
<div style="background-color:blue;height:40px"></div>

Allerdings gibt es dabei dann das Problem, dass unten mehr Platz bis zum Ende des Kastens ist. Ich hoffe, es gibt noch eine bessere Lösung...