div Problem

[Davi]

hallo zusammen,

ich habe 2 divs nebeneinander positioniert. das erste hat eine breite von 121 und das zweite soll sich über den ganzen bildschrim ziehen bis zum rand! jetzt habe ich beim 2. als width 100% eingetragen...was jetzt aber etwas über den rand hinausschießt.

hier mein html code:

<div id="headerBlank">  
  <div id="headerLeft"></div>  
  <div id="headerRight">right</div>  
</div>

und hier mein dazugehöriges css:

#headerBlank  
    {  
        width: 100%;  
        height: 20px;  
        margin: 0 auto;  
        padding: 0px;  
  
    }  
  
#headerLeft  
    {  
  
        width: 121px;  
        height: 20px;  
        margin: 0px;  
        padding: 0px;  
        float: left;  
    }  
  
#headerRight  
    {  
        border: solid 1px #b3b2b2;  
        float: left;  
        width: 100%;  
        height: 20px;  
        margin: 0px;  
        padding: 0px;  
        background-image: url(../images/spacer_top.png);  
    }

kann mir einer erklären wie ich das gescheit ausgerichtet bekomme?

vielen dank
davi