IE 7/8 rendant Iinline (Div Floated Div) en bloc: les largeurs ne s’adaptent pas au contenu?

Question

J'ai un élément de bloc (DIV) qui s'étend sur une page entière. Il contient plusieurs DIV flottantes de largeur variable. Cet élément peut vivre sur de nombreuses pages Web (n'importe qui peut le mettre sur son site Web). Dans FF sur tous les sites, le rendu est correct et les DIV flottées sont aussi larges que leur contenu interne. Dans IE, cela fonctionne parfois, mais sur d'autres sites, ce n'est pas le cas. Il étend chaque DIV flottant à la largeur de son parent, ce qui ne devrait pas être le cas. Ci-joint une image à illustrer davantage (la DIV rouge est un conteneur, les DIV noires sont flottantes).

http://img8.imageshack.us/img8/4734/screenrrl.jpg (L'image est Photoshopped, pas un rendu HTML réel)

Answer 1

Je l'ai trouvé! Le problème est que j'utilisais une seule DIV pour effacer tous les éléments du parent. Certains modes de rendu dans IE ont un problème avec cela. Au lieu de cela, je l'ai remplacé en ajoutant une classe de clearfix au parent!

Answer 2

vous pouvez utiliser ce correctif pour ul (je suppose qu'il est utilisé sur la capture d'écran):

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

au lieu de "effacer: les deux;".