un div encima de otro

[fedefrankk]

Hola a todos quiero hacer una galeria done al pasar el maus sobre la foto me aparezca un div con un texto, cuando empese , me pasa lo siguiente:



el div que dice este, me baja todo y no esta encima de la foto..
el codigo es el siguiente:

HTML

Código HTML:

<div  class="galeria" id="txtHint"> 
<div class="contenedor_c">
<div class="transpa">este </div>
<form action="#" method="POST">
<div class="imagen_c" id="capa1">
<input type="image" src="usuarios/U/VZVRRhW5eZDO.jpeg" width="350" height="300" />
</div><!--imagen_c-->
<div class="pts_c"><?php echo "<font color='#008000' </font> "."<b>+</b>". $reg['usu];?></div><!--pts_c-->
<div class="des_c">ssssssssssssssssssssssssssssssssssssssssssssssssssssssssssweeeeeeeeeeeeeeeeeeeeessssssss</div>
 
 
</div> <!--contenedor_c--> 
</div>
</form>
 

y el CSS:

Código CSS:

.galeria{float:left; width:1124px;  background:#FFF:Transparent;border:1px solid #1EB6DF;
margin-top:1px }
 
 
 
.contenedor_c{ position:relative; display:inline-block; z-index:1;
margin:10px; margin-top:3px;
background-image:url(../_img/quo267x270_vacia_.png); /* ACA FOTO DETRAS PUBLICIDAD */ 
background-repeat:no-repeat;
width:350px; height:400px;
border:solid; border-width:1px; border-color:#666
}
 
 
.transpa{ position:relative; width:350px; height:60px;;border:2px solid #F00; z-index:5; clear:both}
.imagen_c{ position:relative; z-index:2; border:solid; border-width:2px; border-color:#FFF;
width:352px; height:256px; margin-left:4px;}
.pts_c{float:left; font-family:Tahoma; font-size:12px;
 
  text-align:left;
  margin-top:85px;
  margin-left:270px;
 
  }
  .des_c{float:left;font-family:Tahoma; font-size:12px; color:#FFF; border: 1px solid #CCC;
    margin-left:4px;
     margin-top:-95px;
    
    word-wrap: break-word;
    text-align:justify;
    color:#000;
     width:340px;
     height:65px;
 
    
    
  }
 

Gracias de antemano, saludos a todos y se agradece cualquier ayuda..

saludos
fede