Boa noite pessoal! estou com o seguinte problema: tenho duas DIVs, esquerda e direita e um testo como conteudo em cada uma; quando coloco por exemplo na DIV esquerda um padding-left para dar uma distancia entre o texto e o canto esquerdo da DIV, no IE rola legal porém no firefox isto almenta a largura da DIV jogando a DIV direita para baixo.
Eu teria que usar algum rack para iso? vou deixar o codigo da pagina abaixo, se alguem puder ajudar agradeço des de ja!
<body>
<div id="geral">
<div id="topo">
</div>
<div id="esquerda"><p>conteudoconteudoconteudoconteudoconteudoconteudoconteudoconteudoconteudoconteudoconteudoconteudoconteudoconteudoconteudoconteudoconteudoconteudoconteudoconteudoconteudoconteudoconteudoconteudoconteudoconteudoconteudoconteudoconteudoconteudoconteudoconteudoconteudo</p>
</div>
<div id="direita">
</div>
</div>
</body>
----------------------------------------------------------------------------------
folha de estilo:
#geral {background-color: #999999;
height: 600px;
width: 800px;
}
#topo {background-color: #339900;
height: 100px;
width: 800px;
}
#esquerda {float: left;
background-color: #3333FF;
height: 500px
width:400px;
}
#direita {float: left;
background-color: #333;
height: 500px
width:400px;
}