height wird übernommen

[tropenberta]

hi leuts

hab mal wieder ne anfängerfrage:

  
<div id="box1">  
  <div id="box2">  
  </div>  
</div>  

  
#box1 {  
position:fixed;  
bottom:24px;  
left:0;  
background:rgba(1,162,78,0.6);  
width:100%;  
height:81px;		  
}  

wenn ich jetzt die box2 border, hat sie auch 100% width. nimm ich bei box1
die width weg, ist box2 wieder so breit wie der inhalt.
irgendwie wird von der box2 die width von box1 übernommen. ist das normal ?
möchte eigentlich nur nen footer machen, indem die box2 immer mittig, egal wieviel content in der box2 ist, steht.

lg
micha