CSS // Fehler

[CSSCoder]

Moin,
möchte die .spalte über das Bild von body1 haben. Irgentwie geht das aber nicht und es bleibt über body1 und wenn ich es somit mit margin-top: 20px; runter setze wird der body1 mit dem Bild mitgezogen...

Was ist an den COde falsch?

  
body {  
margin: 0px;  
}  
  
#body1 {  
background: url(images/bg1.png);  
height: 750px;  
width: auto;  
}  
  
#body1 .spalte {  
background: url(images/spalte.png);  
height: 30px;  
width: auto;  
margin-top: 20px;  
}  

  
<div id="body1">  
<div class="spalte">  
  
</div>