Element nicht verschwinet bei position:absolut;?!

[DerRoman]

HEy!

Ich möchte eine kleine Stadt aus einzelnen Elementen mit CSS zusammensetzen. Darum einzelne Elemente, weil ich clicks und Hover effekte brauch.

Nun funktioniert eigentlich alles, nur wenn ich einen Baum setzen will verschwindet er sobald ich ihm ein "position:absolute;" gebe?!

Dar ich überhaupt keinen Fehler finde, poste ich euch den ganzen Code:

body { padding:0px 0px 0px 0px; margin: 0px 0px 0px 0px; background:url(img/back.gif) no-repeat; }  
#wrapper { width:760px; position:relative; }  
  
/* Buildungs */  
#headshop { background:url(img/headshop.gif) no-repeat; width:127px; height:146px; }  
#headshop:hover { background:url(img/_headshop.gif) no-repeat; }  
#flats    { background:url(img/flats.gif) no-repeat; width:184px; height:350px; }  
#flats:hover    { background:url(img/_flats.gif) no-repeat; }  
  
/* Building Position */  
#headshop { position:absolute; left:160px; top:155px; }  
#flats    { position:absolute; left:10px;  top:5px;  }  
  
/* Misc */  
.tree { background:url(img/tree.gif) no-repeat; width:65; height:74px; }

<div id="headshop"></div>  
<div id="flats"></div>  
<div class="tree" style="position:absolute; top:250px; left:150px;"></div>

Vielleicht sieht ja wer von euch den Fehler?!

DAnke schonmal!

L.g. Roman