Slideshow og content ligges sammen.

Kære Udviklere.

Jeg har et problem med mit slideshow, som gør med den style jeg benytter, får min <h1> skrift i content, ligges sammen, så <h1> bliver gemt under slide-billeder.

Link

Min content:

 #content { 
   width: 645px;
   margin-bottom: 20px;
   padding-left: 20px;
   float: left;
 }
 
 .content_item {
   width: 645px;
   margin-top: 20px;
   margin-bottom: 20px;
   font-family: Arial, Helvetica, sans-serif;
 }

Slideshow er ovenover.
<div id="content">
<div class="content_item">

Kun forside, og andre eks. sider.
</div></div>

Slideshow er i :

<div id="site_content">

<div class="fadein">
<?php
$slidpc = "slideshow";
$findslide = mysql_query("SELECT * FROM `".$slidpc."`");
if(!mysql_num_rows($findslide) >0)
{
echo "<img src=\"images/slideshow_deaktiv.png\">";
}
while($vispc = mysql_fetch_array($findslide))
{
?>
<img src="slidepics/hansensbodega_<?php echo "". $vispc['file'] .""; ?>" />
<?php
}
?>
</div>

slide-fadein style:

 .fadein {
     position:absolute; height:200px; width:645px; 
     background: url("slideshow-bg.png") repeat-x scroll left top transparent;
     }
     .fadein img { position:absolute; left:10px; top:10px; }

Hvordan løser jeg så den viser <h1> i content, og slideshow ovenover. Uden det kludre ind i hinanden. ??

h1:

 h1 {
     font-size: 20px;
     border-bottom: 2px solid grey;
     font-weight:bold;
     background: transparent;
     padding-left: 5px;
     background-size: 16px 16px;
 }

site_content:

 #site_content{
   width: 940px;
   overflow: hidden;
   background: #FFF;
   margin: 0 auto;
   padding: 0 0 20px 0;
   -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;
   -moz-box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;
   box-shadow: rgba(0, 0, 0, 0.5) 0px 0px 5px;    
 }

Den skal nemlig vise "slideshow" i toppen af site_content, og <h1> i content+content_item så det vises under slideshowet.