Relative DIV

Hej jag har tre DIV taggar som jag har relaterade på detta viset idag...

body {
	margin : 20px;
	font-size : 10px;
	font-family: verdana,arial,helvetica,sans-serif
}

#boxTransport {
	background-color : #BFD6E6;
	border: 1px solid #9FB6C6;
	position : absolute;
	width: 500px;
	z-index:1
}

#boxDate {
	background-color : #BFD6E6;
	border: 1px solid #9FB6C6;
	position : absolute;
	top: 100px;
	width: 245px;
	z-index:2;
}

#boxTravellers {
	background-color : #BFD6E6;
	border: 1px solid #9FB6C6;
	position : absolute;
	left : 275px;
	top: 100px;
	width:245px;
	z-index:3;
}

Grejjen är den att jag nu ska sätta in en includefil med en meny högst upp på vissa av sidorna. Därför behöver jag göra om min divar som jag har till relativa, så att de baseras på vad som redan ligger på sidan. Jag vill alltså att om headern är 100 pixlar, så ska varje div ovan ned 100 pixlar. Men om headern är 500, så måste de ju ner 500 osv...

Jag lyckas inte göra detta själv, nån som kan trolla lite? :D

Förstår inte riktigt... Varför inte bara ändra till position:relative; och ta bort left och top?

För att boxDate och boxTravellers ligger brevid varandra som det är nu, och det gör de inte om jag gör som du säger.

Vad sägs om detta:

<div style="width:500px;">
	<div style="width:245px; border:1px solid #9FB6C6; float:left;">vänster</div>
	<div style="width:245px; border:1px solid #9FB6C6;">höger</div>
</div>