Hola muy buenas a todos. He estado empoyando un poco de css ultimamente y al final he terminado de hacer la estructura base de una web muy simple.
Aparentemente parece estar todo correcto pero cuando desplazo el raton al menú, antes de colocarlo justo encima parece que hay una especie de bucle y se me queda parpadeando.
He mirado la estructura css y la verdad no veo nada raro, incluso la verificacion del W3C me dice que no tiene errores.
Alguien puede echar un ojo a ver que le parece?
Podeis acceder a la web aqui y ver el problema: ...//galeon.com/gpixel/index.html
PD: En IE no se me ve bien la pagina, en cambio en firefox,opera y k-meleon si.
Saludos y gracias de Antemano.
Cita: Codigo CSS:
*{
margin: 0;
padding: 0;
}
body{
background-color: #616161;
background-image: url(images/fomdo.gif);
background-position: top;
background-repeat: repeat-x;
font-family: Arial,Helvetica,sans-serif;
font-size: 12px;
height: 100%;
text-align: center;
border: 0;
}
#contenedor{
border: solid FFFFFF;
height: 545px;
width: 720px;
border: 0;
}
#arriba{
position: static;
margin-left: 310px;
margin-top: 10px;
background-image: url(images/logo.png);
background-position: center;
background-repeat: no-repeat;
float: none;
width: 620px;
height: 82px;
}
#izq{
width: 620px;
height: 27px;
margin-top: 10px;
margin-left: 310px;
}
#izq ul{
background-image: url(images/botonA.gif);
background-repeat: repeat-x;
clear: both;
float: left;
position: relative;
width: 600px;
height: 5px;
margin-left: 10px;
}
#izq li{
float: left;
display: block;
height: 27px;
width: 150px;
}
#izq li a{
display:block;
text-decoration: none;
color:white;
float:left;
height: 27px;
width: 150px;
letter-spacing: 2px;
padding: 5px 0;
}
#izq li a:hover{
background-image: url(images/botonB.gif);
background-repeat: repeat-x;
background-color: #646464;
display: block;
height: 17px;
}
#der{
margin-top: 10px;
margin-left: 320px;
width: 600px;
height: 500px;
background-color: #888888;
}
#pie{
margin-left: 320px;
width: 600px;
height: 20px;
background-color: #885555;
}