Hagen: Überlappung von Elementen

Beitrag lesen

Hallo,
spiel gerad n bissel mit css rum, und es klappt mal wieder nix...  ich möchte das sich mein ul und der inhalt bereich überlappen hab gedacht dazu kann man z-index nehmen und dann einfach die elemente mit padding etwas über einander schieben,naja auf jedenfall geht es nicht die bereiche wollen nicht übereinander.

<style type="text/css">
body {
  color: black;
  font-size: 100.01%;
  font-family: Helvetica,Arial,sans-serif;
  margin: 0; padding: 0em;
}
h1 {
 background:url(bg/bg.png);
 text-align:center;
 font-size:1.75em;
 border:2px solid #FF9900;
 margin-left:5em;
 margin-right:5em;

}
ul#navigation {
 border: 1px dashed #FF9900;
 font-size: 1em;
 float:left;
 margin-top:0em;
 margin-left:2em;
 z-index:1;
 }
ul#navigation  li {
 width: 20em;
   list-style: none;
   margin: 0.5em; padding: 0em;
}
ul#navigation a {
   display:block;
   font-weight: bold;
   border:1px dashed blue;
}

ul#navigation a:link,a:visited,a:active{
   color: black;
   background-color:#FFFFCC;
  text-decoration:none;
}
ul#navigation a:hover{
 background-color:#FFFF99;
 font-style:italic;
 margin-left:0.5em;
}
p#Inhalt {
  background: url(bg/gutentag.png) no-repeat 20em 0em;
  margin-left: 20em;
  margin-right:3em;
  padding: 1em;
  border: 1px dashed #FF9900;
  height:25em;
  width:28em;
  z-index:0;
  }

Naja wär schön wenn sich jem. diesen murks mal anschaut*G*.
MFG Hagen