Hola Gusleon, gracias por responder, intente, pero no si tengo quemado el cerebro pero no le encuentro la vuelta, va codigo
Código HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<style type="text/css">
#foto {
position: absolute;
width: 200px;
height: 173px;
z-index: 1;
left: 164px;
top: 15px;
background-color: #009999;
overflow: visible;
}
#texto {
position: absolute;
width: 200px;
height: 115px;
z-index: 2;
left: 165px;
top: 67px;
visibility: hidden;
background-color: #33CCFF;
display: none;
}
</style>
</head>
<body>
<div id="foto" ></div>
<div id="texto">Explicación de la foto</div>
</body>
</html> Asi que si podes dar una mano se le agradece. con las opciones del dreanweaver al pasar el mouse sobre la foto aparece el texto, pero no se mantiene cuando lo paso sobre el texto.
La idea es que salga recién cuando salgo del marco de la foto
Tampoco puedo hacer que suba desde el margen inferior izquierdo y lka transición "deslizar" me da un error e informa que no se aplicara ese efecto....
Aparte de esto una consulta, en dreamweaver (algo habré tocado) cada vez que muevo un div pa me agrega al valor una coma y tres ceros, esto hace que aparezca en cualquier lugar, hasta quie lo corrijo a mano, esto antes no sucedia.
Hay más pero no quiero hacerla mas larga de lo que es....
Saludos y en la dulce espera
Como hacer div sobre div... 
Aunque igual te referías a combinarlo. 
