Johannes: überlappung von div bereichen

Beitrag lesen

Hallo,
hab das problem mit der überlappung von bereichen relativ oft... ok mal kurz was ich möchte, eine titelleiste mit infos, leicht überlappend darunter die navigation und der textbereich:
kleiner ausschnitt:
<style type="text/css">
body{
 padding:0px;
 margin:0px;
 background-image:url(grafik/bg_seite.gif);
 }
#top{
 margin:0 0 0 0;
 background-image:url(grafik/bg_top.png);
 background-repeat: repeat-x;
 height:110px;
}
#text{
 background-color:white;
 width:500px;
 height:600px;
 float:right;
 border:1px dashed silver;
 }
</style>
</head>
<body>
<div id="top">bla</div>
<div id="text">bla</div>
</body>

navi fehlt, wie erreiche ich nun´das text etwa 1em über top liegt???

MFG Johannes