Estoy tratando de montar una cabecera así a la manera que veis abajo. Es decir, es tipo tabla, una div envolvente y tres div "celdas". El problema es que Firefox la lee ya perfecto, pero IE se hace un pollo con los bordes de la "celda" central y me separa los bordes izquierdo y derecho de ella de los de sus "celdas" contiguas. ¿Como hago para que queden tambien en IE todo bien pegadito?
Gracias por adelantado...
Código:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title></title>
<style type="text/css">
<!--
#div_cab {
margin: 0px;
padding: 0px;
border: 2px solid #009900;
height: 81px;
}
#div_cab_iz {
float: left;
width: 25%;
background-image: url(../fondo1.jpg);
background-repeat: repeat-y;
background-position: right;
text-align: center;
border: 1px solid #003300;
height: 79px;
margin: 0px;
padding: 0px;
}
#div_cab_dr {
float: right;
width: 25%;
background-image: url(../fondo2.jpg);
background-repeat: repeat-y;
background-position: left;
text-align: center;
border: 1px solid #003300;
height: 79px;
margin: 0px;
padding: 0px;
}
#div_cab_cent {
width: auto;
height: 79px;
margin: 0px auto;
padding: 0px;
text-align: center;
border: 1px solid #003300;
}
-->
</style>
</head>
<body>
<div id=div_cab>
<div id="div_cab_iz"><img src="../logo.gif" width="168" height="79" /></div>
<div id="div_cab_dr">derecha</div>
<div id="div_cab_cent">central</div>
</div>
</body>
</html>