Positionierung von div- und span-Bereichen

[Daniel]

Hallo,

innerhalb eines div-Bereichs habe ich drei span-Bereiche.
Für die ersten beiden span-Bereiche habe ich fixe Breitenangaben. Den dritten span-Bereich möchte ich so breit machen, das die gesamte Breite des div-Bereich ausgefüllt wird.

Ich habe es so probiert:

<div style="position:absolute; top:10px; left:10px; width:500px; height:500px; z-index:1; background:yellow; border:solid 2px blue;">

<span style="position:absolute; top:0px; left:0px; width:100px; height:50px; z-index:2; background:green;">Mahlzeit.</span>

<span style="position:absolute; top:0px; left:100px; width:100px; height:50px; z-index:2; background:blue;">Supi.</span>

<span style="position:absolute; top:0px; left:200px; width:100%; height:50px; z-index:2; background:red;">Dehnen.</span>

</div>

Der dritte span-Bereich nimmt nun genau die Breite ein, die der div-Bereich komplett hat, also 500px.

Ich kann diese Breiten-Angabe des dritten span-Bereichs nicht absolut machen!

Vielen Dank und viele Grüße
Daniel :-)