Come allineo in un <div> di larghezza prefissata una immagine all'estrema sinistra ed una all'estrema destra ? Praticamente ho fatto gli angoli smussati per un box ma non so come posizionarli

codice:
<div id="header">
  [img]../sx.gif[/img]
  [img]../dx.gif[/img]
</div>

#header {
  width: 680px;
  height: 24px;
}