z-index in div blöcken

[CrazyPlaya]

Ich möchte in einem Div Block einen weiteren Div Block mit einer Grafik einbauen.
Im ersten Block soll Text erscheinen welcher über der Grafik liegt.

So wie ich es Momentan mache, wird die Grafik aber über den Text gelegt.

Hier mal die 2 Blöcke.

  
//Erster Block  
#main_body  
{  
 position:absolute;  
 top:30px;  
 border: 1px white solid;  
 width: 800px;  
 height: 770px;  
 vertical-align:top;  
 margin:0px;  
 padding:0px;  
 z-index:1;  
}  
  
//2ter Block  
#main_background  
{  
 position:absolute;  
 width: 400px;  
 height: 707px;  
 top:32px;  
 left:200px;  
 background: url(_img/jenpic2.gif);  
 z-index:2;  
}  

Wo ist mein Fehler?