IE 7/8 renderiza Iinline (Div flotados) como bloque: ¿los anchos no se ajustan al contenido?

Question

Tengo un elemento de bloque (DIV) que se extiende a través de una página completa. Contiene múltiples DIVs flotados de ancho variable. Este elemento puede vivir en muchas páginas web (cualquiera puede ponerlo en su sitio web). En FF en todos los sitios, se procesa correctamente y los DIV flotantes son tan amplios como su contenido interno. En IE, funciona a veces, pero en otros sitios no lo hace, y en su lugar, extiende cada DIV flotado al ancho de su padre, lo que no debería ser. Se adjunta una imagen para ejemplificar aún más (el DIV rojo es un contenedor, los DIV negros están flotando).

http://img8.imageshack.us/img8/4734/screenrrl.jpg (La imagen es Photoshopped, no un render HTML real)

Answer 1

Lo encontré! El problema es que estaba usando un solo DIV para borrar todos los elementos dentro del padre. Ciertos modos de representación en IE tienen un problema con esto. En lugar de eso, lo reemplacé agregando una clase de clearfix a los padres.

Answer 2

puede usar este clearfix para ul (supongo que se usa en la captura de pantalla):

#list { overflow: hidden; zoom: 1; }

en lugar de " borrar: ambos; " ;.