Mi codigo es el siguiente
<html>
<head>
<style>
#contenedor
{
width: 986px;
margin-top: 1px; margin-right: 1px; margin-bottom: 1px; margin-left: 1px;
padding: 0;
height: auto;
border: 0px solid green;
display: inline-block;
}
.contenido
{
float: left;
width: 600px;
margin-top: 2px; margin-right: 0px; margin-bottom: 2px; margin-left: 0px;
padding: 0;
height: auto;
border: 1px solid green;
}
</style>
</head>
<body class="body1">
<div id="contenedor">
<div class="contenido">
.....
</div>
</div>
</body>
</html>
El div contenido es el que varia de tamaño.
Antes de poner la line display: inline-block el contenido se desbordaba del contenedor, luego de que coloque la linea display: inline-block, quedo funcionando perfecto para IE6 y FIREFOX, sin embargo ayer me di cuenta que en IE8 el contenido se desborda del contenedor
Mejor dicho el div contenedor no cambia de altura segun la altura del div contenido.
Gracias
Isabel