Código PHP:
<style type="text/css">
div#cuadro{
position: relative;
z-index:2;
top: 0px;
width: 100%;
height: 100%;
border: black silver 1px;
}
div#foto_div{
position: relative;
z-index:3;
top: 0px;
width: 540px;
height: 210px;
left:0px;
}
div#fondo_texto_div{
left:0px;
position: relative;
top: 50px;
z-index: 4;
width: 540px;
height: 100px;
color: white;
font-size: 12px;
font-weight: bold;
text-align: left;
background-repeat: no-repeat;
background-color: #3E4A4D;
filter:alpha(opacity=80); ///de esta linea
-moz-opacity: 0.9;
opacity: 0.8;
}
div#botonera{
position: relative;
z-index:5;
top: 20px;
height: 50px;
margin-left: 400px;
}
div#div_titulo{
height: 65px;
text-align: left;
background-color: #F2F2F2;
}
</style>
</head>
<body onload="inicio();mostrar(0);" >
<div id="div_titulo">
<b id="titulo_noticia" style="height: 50px; font-size: 20pt; font-family:gerogia; text-align: left;" ></b>
</div>
<div id="cuadro">
<div id="foto_div">
<img src="" id="imagen_noticia" onerror="this.src=imagenDefecto" onload="obj('cuadro').style.visibility='visible'"/>
</div>
<div id="fondo_texto_div">
<a id="enlace">
<p id="texto_noticia" style="margin-left:10px; font-family:Georgia; text-decoration:none; color:white; font-size:18px;"></p>
</a>
</div>
<div id="botonera">
<a href="#link" onclick="clearInterval(mauricio); cambiar(-1); inicio()"><img src="noticias_detacadas/atras_galeria.gif" border="0"> </a> |
<a href="#link" onclick="clearInterval(mauricio)"><img src="noticias_detacadas/pausa_galeria.gif" border="0"></a> |
<a href="#link" onclick="clearInterval(mauricio);cambiar(1);inicio()"><img src="noticias_detacadas/adelante_galeria.gif" border="0"></a>
</div>
</div>
el texto con su fondo deberian ir arriba de la foto
aca dejo el link donde tengo el sitio www.villegasaldia.com.ar
espero que me puedan dar una mano. ya que yo lo veo bien y por eso me es imposible hacer muchas pruebas.