IE 7/8 prestação Iinline (Flutuado Divs) como bloco: larguras não ajustar para o conteúdo?

Question

Eu tenho um elemento de bloco (DIV), que se estende por uma página inteira. Ele contém múltiplos DIVs flutuou de largura variável. Este elemento pode viver em muitas páginas da web (qualquer um pode colocá-lo em seu site). Em FF em todos os sites ele é processado corretamente e as DIVs flutuou são apenas tão grande como os seus conteúdos internos. No IE, ele funciona sometimes- mas em outros sites não, e em vez disso se estende cada DIV flutuou até a largura do mesmo pai, que ele não deve ser. Em anexo é uma imagem para mais exemplificam (DIV vermelho é recipiente, DIVs pretas estão flutuando).

http://img8.imageshack.us/img8/4734/screenrrl.jpg (A imagem está Photoshopped, não um HTML real rendem)

Answer 1

Encontrei! A questão é que eu estava usando uma única DIV para limpar todos os elementos dentro do pai. Certos modos de renderização do IE tem um problema com isso. Em vez disso eu substituí-lo adicionando uma classe clearfix para o pai!

Answer 2

Você pode usar este clearfix para ul (suponho que é usado na imagem):

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

em vez de. "Clear: both;"