Header in drieeën splitsen met divs

Ik heb het volgende:
Een header gesplits in 3 afbeeldingen: links, midden, rechts

Ik wil dan dat de header over de hele breedte komt door eerst 1x links, dan heel vaak midden en dan nog 1x rechts. Midden moet dus de header opvullen.

Hoe valt dat te realiseren? Ik heb het wel al een aantal dingen geprobeerd maar links en rechts blijven headermidden overlappen wat niet de bedoeling is, headermidden moet dus echt pas naast rechts beginnen en niet al op de achtergrond.

En het midden heeft die een vaste breedte of moet dit variabel zijn...afhankelijk van de inhoud ofzo?

De totale breedte van de header moet 100% zijn, schermvullend dus.

Links is 18px en rechts is 20px. Midden moet de ruimte tussen die 2 opvullen.

oke, die is idd lastig maar ik zal ff proberen een code neer te planten voor je css:

#header {width: 100%; height: ..px; margin:0; padding:0;}
#header #left {width: 18px; height: ..px; background: url(bla); margin:0; float:left;} 
#header #mid {width: auto; height: ..px; background: url(bla); repeat-x; margin:0; float:left;} 
#header #right {width: 20px; height: ..px; background: url(bla); margin:0; float:right;}

html:

<div id="header">
 <div id="left"></div>
 <div id="mid"></div>
 <div id="right"></div>

</div>

zoiets zal het denk ik moeten zijn.

Ik had al ongeveer hetzelfde maar helaas:

Het midden vult alleen maar tot waar de content loopt.

Arjan schreef:

Ik had al ongeveer hetzelfde maar helaas:

Het midden vult alleen maar tot waar de content loopt.
en heb je het contentgedeelte dan ook op 100% staan?

Ja

heb je het al online staan?
als ik het zie dan kan ik beter nadenken