Hola a todos. Estoy empezando a conocer un poco más acerca de la maquetación de un sitio web (para mi propio sitio) y ya me estoy encontrando con un problema. En internet explorer el código que menciono abajo funciona perfectamente, pero en Firefox la capa principal no reconoce a las páginas interiores y por lo tanto se me muestra chata. Probé agregando el atributo height: inherit o auto pero tampoco funciona, me da el mismo resultado. Este es mi código:
Hoja de estilo
-----------------
DIV
{
border: solid 1px black;
height: auto;
}
#DIV_MAIN
{
border-right: solid;
width: 400px;
margin: auto;
}
#DIV_CONTENT_LEFT
{
width: 158px;
height: 600px;
float: left;
}
#DIV_USER_LOGIN
{
width: 158px;
height: 100px;
}
#DIV_LATEST_NEWS
{
width: 158px;
height: 300px;
}
HTML
---------
<div id="DIV_MAIN">
<div id="DIV_CONTENT_LEFT">
<div id="DIV_USER_LOGIN">
</div>
<div id="DIV_LATEST_NEWS">
</div>
</div>
</div>