IE 7/8 rendering Iinline (Floated Divs) come blocco: le larghezze non si adattano al contenuto?

Question

Ho un elemento a blocchi (DIV) che si estende su un'intera pagina. Contiene più DIV flottanti di larghezza variabile. Questo elemento può vivere su molte pagine Web (chiunque può metterlo sul proprio sito Web). In FF su tutti i siti è reso correttamente e i DIV fluttuati sono larghi solo quanto il loro contenuto interno. In IE, a volte funziona, ma su altri siti no, e invece estende ogni DIV fluttuato alla larghezza del suo genitore, cosa che non dovrebbe essere. In allegato è un'immagine per esemplificare ulteriormente (DIV rosso è contenitore, DIV neri sono fluttuati).

http://img8.imageshack.us/img8/4734/screenrrl.jpg (L'immagine è photoshopped, non un vero rendering HTML)

Answer 1

Trovato! Il problema è che stavo usando un singolo DIV per cancellare tutti gli elementi all'interno del genitore. Alcune modalità di rendering in IE hanno un problema con questo. Invece l'ho sostituito aggiungendo una classe clearfix al genitore!

Answer 2

puoi usare questo clearfix per ul (suppongo che sia usato sullo screenshot):

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

invece di " clear: both; " ;.