Ver Mensaje Individual
  #1 (permalink)  
Antiguo 25/02/2012, 11:28
maire
 
Fecha de Ingreso: agosto-2005
Mensajes: 97
Antigüedad: 18 años, 8 meses
Puntos: 1
logo se desplaza

tengo este html:

<!-- DIV LOGO -->
<div class="contenedorCienxCien">
<h1 id="logo"><a href="#" title="Homepage"><span>STAR</span></a></h1>
</div>
<!-- DIV FIN LOGO -->

y el CSS:

/* LOGO */
.contenedorCienxCien{width:100%; background-color:#42413f; height:83px;}

#logo{background:url(../Iconos/logo.png) no-repeat; width:160px; height:52px; position:absolute; cursor:pointer; top:9%; left:20.5%}

#logo a span{visibility:hidden}

a:link{text-decoration:none}
/* FIN LOGO */

/* DIV CONTENEDOR */
.contenedor{width:960px; margin:0 auto}

/* MENU SELECT */
.menuselect{width:100%; margin:35px 0 33px 16px}

todo queda bien dentro del div 960px, mi resolucion es 1600x900, cuando veo la pagina en otras resoluciones, todo se ve bien, excepto el logo que se desplaza para adentro como 70 px, no guarda alineacion con el resto de las cosas como el menu select que todo que da al borde....que es lo que puede estar provocando que el logo se desplaze? saludos