Tengo un problema, y es que el cabezal de una página que estoy remodelando sale 1 pixel desalineado en Google Chrome y en todos los demás navegadores se ve bien.
Les adjunto las imágenes para que vean la diferencia:
Firefox (Aquí se ve bien)
Google Chrome (Aquí el cabezal azul está un poco desplazado
Les adjunto el código que estoy usando para el cabezal, tanto el HTML como el CSS
CSS
Código:
#cabezal {
display:block;
width:952px;
height:141px;
margin:0 auto;
}
#iderleft{
display:block;
width:149px;
height:141px;
float:left;
}
#iderright{
display:block;
width:773px;
height:141px;
float:right;
background:url(../ima/iderright.jpg)
}
Y el HTML
Código HTML:
<span class="TopContenedor">
<div id="cabezal">
<div id="iderleft">
<a href="http://www.ider.mx"><img src="ima/iderleft.jpg"/></a>
</div>
<div id="iderright"></div>
</div>
</span> Ojalá me pudieran ayudar, muchas gracias