div allineamento a destra e sinistra

[mlipreri]

Ciao,
vorrei creare un div con all'interno 2 div allineati uno a destra e uno a sinistra, il div che contiene gli altri 2 si chiama header ed è così dichiarato:

#header {

	width: 778px;

	margin: 0px auto;

	padding: 1em;

	height: 90px;

	color: #254360;

}

lato html sarebbe impostato così:

<div id=header>
<div id=dx></div>
<div id=sx></div>
</div>

dove i div con id dx e sx sarebbe quelli descritti sopra, cosa dovrei aggiungere nel css di dx e sx?
grazie

[mlipreri]

ho risolto così:

<div id="header">
		<h3>[img]images/logo1.jpg[/img]</h3>
		<h4>[img]images/a1s.jpg[/img]</h4>

</div>

#header {

	width: 778px;

	margin: 0px auto;

	padding: 1em;

	height: 90px;

	color: #254360;

}

#header h3{

	margin: -28px;
	top: 0px;

	padding: 0px 0px 0px 0px;
	float: left; width: 20%; text-align: left; 

}

#header h4{

	margin: -28px;
	top: 0px;

	padding: 0px 0px 0px 0px;
	float: right; width: 20%; text-align: right;

}

ma con ie6 le immagini vengono tagliate sul bordo superiore...come mai? magari la causa è margin: -28px;?