Bug F5 no firefox

[cassianooliver]

consideram a seguinte estrutura:

<div id="site">
     <div id="ContSuperior">
        
     </div>
    
     <div id="ContEsquerdo">
        
     </div>
        
     <div id="ContDireito">
        
     </div>
    
</div>

<div id="desenvolvedor">

</div>

As divs ContEsquerdo e Direito, ficarão no site como se fossem "colunas". Só que como tenho que usar os floats, a div site, não "estica" até embaixo, e como consequencia, no firefox eu não consigo usar margin e nem padding na div desenvolvedor. Mas aí um display: table; na div site resolveu. beleza. Só que aí, no firefox também, a div ContEsquerdo as vezes "quebra" e pra resolver é só dar "F5".. outra solução:

#site:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
    overflow: hidden;
}

realmente, resolveu... Agora fui construir um formulário, e simplesmente se eu colocar algum select, a div "quebra" denovo... olhem a imagem... Até consegui solução... tirei o

#site:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
    overflow: hidden;
}

e o display: table da div site e coloquei no html uma div...

<div id="hack"></div>

e no css

#hack {
     clear: both;
}

dessa forma o layout não fica quebrado, mas gostaria de uma solução "correta" pra não ter que usar essa gambiarra...

se alguém puder me ajudar...

no aguardo...

Editado Novembro 28, 2007 por cassianooliver

[cassianooliver]

opa, consegui resolver...

mudei a estrutura...

<div id="site">
     <div id="ContSuperior">
      
     </div>
  
     <div id="ContEsquerdo">
      
     </div>
      
     <div id="ContDireito">
              
     </div>

     <div id="desenvolvedor">

     </div>
  
</div>

coloquei a div#desenvolvedor dentro da div#site...

e na div#desenvolvedor coloquei um clear: both...

agora ta perfeito!

[hipnos na area]

esse hack não funciona tão bem assim ainda tive problemas mesmo com ele:

#site:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
    overflow: hidden;
}

acaso você tenha esse problema de novo leia esse tópico:

http://scriptbrasil.com.br/forum/index.php?showtopic=111651

eu não uso display:table;

só as vazes no div PAI(um que não use float:;)

falow