saludos amigos css-maniacos;
bueno tengo el siguieente codigo en HTML:
Código HTML:
<html>
<head>
<title>prueba</title>
<link rel="stylesheet" type="text/css" href="stylea.css">
</head>
<body>
<div id="contenedor">
<div id="cabezera"> cabezera </div>
<div id="izquierda"> izquierda</div>
<div id="menu"> menu</div>
<div id="galeria">
<div id="imagenes"> img </div>
</div>
</div>
</div>
</body>
</html>
y este en CSS
Código:
BODY{
font-style:Verdana, arial, Times news roman;
font-size:12px;
background-color:rgb(240,240,240);
text-align:center;
}
#contenedor{
margin: 10px auto;
width: 540px;
height: auto;
background-color:red;
padding:5px 2px;
}
#cabezera{
width:536px;
text-align: left;
background-color: rgb(200,200,200);
height: auto;
}
#izquierda{
float:left;
background-color:rgb(150,150,150);
width: 398px;
height: auto;
margin: 5px 0;
}
#menu{
float:left;
width:138px;
background-color:rgb(190,190,190);
height: auto;
margin: 5px 0;
}
#galeria{
clear:both;
width:536px;
height:auto;
text-align: center;
background-color: rgb(200,200,200);
padding:5px 0 5px 0;
}
#imagenes{
width:177px;
height:auto;
float:left;
background-color:rgb(210,210,210);
}
pues en en IE 7.0 se ven bien, pero en el FF el DIV imagenes se desborda de todo el contenedor, ya me pase un buen tiempo dandole vueltas al asunto y no encuentro donde esta el error, espero me puedan ayudar a encotrar el error.