Amigos tengo un problema con unas pequeñas lineas de codigo
Resulta ser que tengo un slider de promociones, y funciona a la perfecciona en mozilla Firefox, pero al intentar verlo funcionar con Chrome, me da muchos problemas, a veces solo aparece una parte, en otras aparecen las imagenes montadas.
Ahi les va el codigo:
CSS
Código:
img{border:none;}
pre{
display:block;
font:12px "Courier New", Courier, monospace;
padding:10px;
border:1px solid #bae2f0;
background:#e3f4f9;
margin:0px;
width:696px;
}
#containero{
margin:0 auto;
position:relative;
text-align:left;
width:696px;
height:145px; //este lo puse de prueba
background:#fff;
margin-bottom:0px;
}
#header{
height:80px;
line-height:80px;
background:#5DC9E1;
color:#fff;
}
#contentu{
position:fixed;
width:696px;
height:145px; //tambien de prueba
}
#slidero ul, #slidero li,
#slider2 ul, #slider2 li{
margin:0;
padding:0;
list-style:none;
height:145px; //igual de prueba
}
#slidero li, #slider2 li{
width:696px;
height:145px; //igual de pueba
overflow:hidden;
}
Ahora el codigo HTML
Código:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/easySlider1.7.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#slidero").easySlider({
auto: true,
continuous: true,
numeric: true
});
});
</script>
<link href="css/screen.css" rel="stylesheet" type="text/css" media="screen" />
</head>
<body>
<div id="containero">
<div id="contentu">
<div id="slidero">
<ul>
<li><a href="http://templatica.com/preview/30"><img src="images/01.jpg" alt="Css Template Preview" /></a></li>
<li><a href="http://templatica.com/preview/7"><img src="images/02.jpg" alt="Css Template Preview" /></a></li>
<li><a href="http://templatica.com/preview/25"><img src="images/03.jpg" alt="Css Template Preview" /></a></li>
<li><a href="http://templatica.com/preview/26"><img src="images/04.jpg" alt="Css Template Preview" /></a></li>
</ul>
</div>
</div>
</div>
</body>
Les agradezco su apoyo, un saludo a todos
Disculpen si es tema duplicado, no encontre uno parecido
Saludos