Buenas, tengo un pequeño problema con CSS.
El caso es que tengo una página con lo siguiente:
Código:
<body>
<div id ="Izq">
<br>
<br>
<br>
<br>
</div>
<div id="Principal">
<div class= "caja">
loquesea
</div>
texto
</div>
</body>
Y el CSS:
Código:
#Izq {
float: left;
width: 170px;
background: black;
}
#Principal {
margin-left: 180px;
border: 1px solid #885;
}
.caja {
background: black;
height: 50px;
}
Lo que quiero conseguir con esto es una capa a la izquierda con un ancho especifico y una a la derecha con el resto del ancho del navegador. Dentro de esa capa "principal" hay una "caja" con una altura de 50px, el problema es que en el (odioso) Internet Exploter esa caja no se junta totalmente al borde de la capa principal, sino que se queda un poquito separada. En el firefox si se pega al borde.
Si la capa "izq" no está, también se junta al borde, y si no se especifica un alto para la "caja" también....
Alguien sabe por qué puede estar pasando esto?
Un saludo.