El nuevo codigo:
Código HTML:
<div id="capa1" style="" onmouseout="ocultar('capa2')" onmouseover="mostrar('capa2')"><div align="center" id="capa2" style="width:669px;height:20;background-color:black;opacity: .5;"><a href="">« Anterior</a> | <a href="">Siguiente »</a></div><a href="http://www.habberos.es/#"><img src="#" name="banner" onmouseover="this.src =
this.src.replace(/_\w(\.png)$/, '_b.png\1');" onmouseout="this.src = this.src.replace(/_\w(\.png)$/, '_a.png\1');"
width="670" height="250" border=0></a></div>
El problema que tengo, esque si le pongo position:absolute y pongo margin-left y margin-top a mi se me queda cuadrado en el banner, encima de la imagen
pero a otros usuarios como no tienen la misma resolucion se les descoloca el
div id="capa2" no e como hacer para que ese div quede enciima de la imagen de modo que todos lo vean centrado