anordnung von divs - mitwachsend...

[Frank V]

hi!

ich möchte folgendes mit divs und css bauen:

dabei sollen kasten 1 und 2 links ausgerichtet sein und fest stehen.
kasten 3 und 4 rechts ausgerichtet und mit wachsen können

ich ahbe folgendes probiert, aber im firefox sind die boxen nicht rechts ausgerichtet...

[code lang=html]
<div style="width:90%;height:100px;background-color:#006699;background-image:url(background.JPG);position:absolute;">
 <div style="background-image:url(logo_gross.JPG);height:89px;background-repeat:no-repeat;background-position:0px -1px">
  <div style="width:100%;height:50px;text-align:right;float:left;">
 <div style="width:400px;text-align:right;margin-right:5px;"><img src="google.GIF" /><input name="" type="text" /><img src="suchen_f.gif" /></div>
 <div style="width:50px;text-align:right;background-color:#003000;">login</div>
</div>
 </div>
    <div style="position:absolute;width:200px;height:24px;z-index:1;left: 176px;top: 10px;">navi navi navi navi jnjbkjbkjnbj kbkbkbkb bkhbhb bkhbbh hb </div>
 <div style="position:absolute;width:431px;height:24px;z-index:1;left: 176px;top: 56px;">navi navi navi navi jnjbkjbkjnbj kbkbkbkb bkhbhb bkhbbh hb </div>
</div>
[/html]

hat jemand eine idee?