[Ovillo] problema con "overflow: auto" y "margin" en IE7

[Alfonso Martin]

¡Buenas! Este es mi primer mensaje, y aprovecho para saludaros y agradecer
vuestra ayuda :-)

 

Mi duda es la siguiente: tengo una capa contenedora que alberga dos capas
flotantes. La capa contenedora se autoexpande, en función de la altura de
las contenidas. Pero el problema es que no consigo que IE7 tenga en cuenta
el margin inferior de las capas contenidas, a la hora de autoexpandir la
capa contenedora. (Curiosamente si que tiene en cuenta el magin superior y
laterales de las contenidas).

 

Este es el código:

 

#contenedora{

            overflow: auto; /* asi autoexpando la capa según las contenidas
*/

            background-color: #99cc33;

}

#contenida1{

            float: left;

            margin: 10px; padding: 30px;

            background-color: #c0c0c0;

}

#contendia2{

            float: left;

            margin: 10px; padding: 30px;

            background-color: #ffff99;

}

 

<div id="contenedora">

            <div id="contenida1"><p>Epi.</p></div>            

<div id="contenida2"><p>Blas.</p></div>

</div>

 

 

¿Hay alguna solución para IE7, con CSS válido, con la cual el fondo de la
capa contenedora cuente con el margin inferior de las capas contenidas, y se
autoexpanda en consecuencia?  Gracias de antemano,

 

Saludos,

Alfonso.