sigo sin poder alinearlos mikmoro, podes darme una mano porfavor. hace horas que estoy probando y lo lo logro.
<style type="text/css">
#contenedor{
text-align: center;
width: 100%;
position: relative;
}
div#div_titulo{
position: relative;
z-index:5;
top: 0px;
font-size: 35px;
font-weight: bold;
color: maroon;
left:10px;
border-top: black solid 1px;
margin-left: 10px;
margin-right: 60px;
}
div#botonera{
position: relative;
z-index:11;
top: 1px;
height: 50px;
margin-left: 350px;
}
div#fondo_texto_div{
left:10px;
position: relative;
top: 1px;
z-index: 10;
width: 500px;
height: 100px;
color: white;
font-size: 20px;
font-weight: bold;
text-align: left;
background-color: #3E4A4D;
filter:alpha(opacity=80); ///de esta linea
-moz-opacity: 0.9;
opacity: 0.8;
}
div#cuadro{
position: relative;
z-index:2;
top: 0px;
width: 500px;
height: 390px;
left:10px;
}
div#foto_div{
position: relative;
z-index:10;
top: 0px;
width: 500px;
height: 390px;
left:10px;
}
</style>
</head>
<body onload="inicio();mostrar(0);" >
<div id="div_titulo">
<b id="titulo_noticia"></b>
</div>
<div id="cuadro">
<div id="foto_div">
<img id="imagen_noticia" onload="obj('cuadro').style.visibility='visible'"/ >
</div>
<div id="fondo_texto_div">
<a id="enlace">
<p id="texto_noticia" style="margin-left:10px; text-decoration:none; color:white; font-size:24px;"></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>
<br>
<br>
</body>