Hola, estoy haciendo una web en css y mediante condicionales he conseguido que se vea correctamente en Morzilla y Explorer, pero cuando la abro con GoogleChrome se mueve la barra de navegación. Hice una barra con puntos (imágenes) entre cada palabra.
Alguien tiene alguna sugerencia? no quería hacer una hoja nueva para chrome.
Os pongo el código:
Código:
<HTML>
<HEAD>
<STYLE type="text/css">
BODY{background:black;}
.contenedor{
width:932;
height:1024;
background-image:url(../English/VidEng/FondoVidEngIndex.jpg);
background-repeat:no repeat;
margin-left:-466px;
position:absolute;
top: 0px;
left:50%;
}
.cajabarra{
width:350;
height:30;
margin:305 0 0 54;
padding-top:10;
position:absolute;
}
#menu{
list-style:none;
margin:0 0 0 10;
padding:0px;
}
#menu li{
margin:-2 4 0 0;
padding:0;
float:left;
}
#menu li a.enlace{
height:21px;
font-family: arial, helvetica;
font-size:8pt;
color:#CCCCCC;
font-weight:bold;
text-decoration:none;
}
#menu li a.enlace:hover{
background-color: transparent;
font-weight:bold;
color:#FF0000;
text-decoration:none;
}
</style>
<!--[if IE]>
<style>
#menu{margin-top:8px;}
#menu li{margin:3 4 0 0;}
</style>
<![endif]-->
</HEAD>
<body>
<div class="contenedor">
<div class="cajabarra">
<ul id="menu">
<li><a href="#" class="enlace">PERFIL</a></li>
<li><img src="http://www.forosdelweb.com/f53/iconos/punto.jpg" width="10" height="21"></li>
<li><a href="#" class="enlace">GALERÍA</a></li>
<li><img src="http://www.forosdelweb.com/f53/iconos/punto.jpg" width="10" height="21"></li>
<li><a href="#" class="enlace">LIBRO DE VISITAS</a></li>
<li><img src="http://www.forosdelweb.com/f53/iconos/punto.jpg" width="10" height="21"></li>
<li><a href="#" class="enlace">ENLACES</a></li>
</ul>
</div>
</div>
</body>
</HTML>