allineamento menu

[-AA-]

Ho una situazione come da immagine in allegato

con 4 elementi:
1 DIV che contiene tutto
1 div che contiene l'immagine del logo
1 div che contiene il banner
1 div che contiene il menu

è tutto ok tranne che non mi viene di allineare il menu a DESTRA, per il momento è allineato in altezza al posto giusto ma non mi viene di allinearlo a destra (ovviamente la lunghezza del menu può variare essendo in verità un sottomenu e deve poter andare sopra il logo)

questo il codice

<div class="header">

<div class="logo">[img]immagini/logo.jpg[/img]</div>
<div class="banner">[img]immagini/banner.jpg[/img]</div>
<div class="sottomenu">sottomenu che deve essere allineato a destra</div>

</div>

questo lo stile

/*stile contenitore di tutto*/
.header {
width: 1001px;
background-image:url(./immagini/sf_header.jpg);
height: 144px;

/*stile logo, contiene 1 immagine per cui mi interessa solo l'allineamento*/
.logo{float:left;}

/*stile banner anche questo solo img per cui solo allineamento*/
.banner{float:right;}

/*stile menu (che dovrei riuscire ad allineare a destra come il banner*/
.sottomenu{
position:absolute;
font-family:Verdana;
font-size:10px;
color:#FFFFFF;
font-style:normal;
font-weight:bold;
padding-top:128px;
padding-left:128px;
height:144;
}
}

:berto:

[-AA-]

dimenticavo l'immagine

[Sky]

Il posizionamento assoluto che hai applicato al sottomenu ti permette di impostare la proprietà "right" a 0px (right: 0px).
In questo modo il bordo destro del div .sottomenu viene posizionato attaccato al bordo destro della finestra del browser dato che nelle proprietà del div .header non è specificato il posizionamento. Se vuoi che venga allineato al bordo destro del div .header, applica a quest'ultimo un posizionamento relativo.