Bueno pues he maquetado una pagina con el siguiente CSS:
Código HTML:
body {
background-color:#666666;
font-family: "Century Gothic", Verdana, Arial, Helvetica, sans-serif;
}
#cabecera {
position:absolute;
top:0;
left:0;
width:100%;
height:20%;
background:#666666;
}
#menuizq {
position:absolute;
top:20%;
left:0px;
width:15%;
height:60%;
background:#666666;
}
#contenido {
position:absolute;
top:20%;
left:15%;
width:70%;
height:60%;
background:#666666;
}
#menuder {
position:absolute;
top:20%;
left:85%;
width:15%;
height:60%;
background:#666666;
}
#piepag {
position:absolute;
top:80%;
left:0;
width:100%;
height:20%;
background:#666666;
}
El problema es que al meterle una imagen en la cabecera del ancho del div contenido, con IE se me ve bien, pero con Firefox el div "contenido" sobresale un poco (1 o 2 pixeles) de la imagen de la cabecera. ¿Como puedo solucionarlo?