Problema com propriedade Float

[danielvlopes 0]

Olá.

Estou tendo problemas com a propriedade Float, tenho uma imagem de fundo (no caso uma arvore) definida em um div pai. e vou colocar dois divs um a lado do outro dentro deste div pai, ambos com float left. beleza até ai tudo bem, funcionou perfeitamente no IE mas quando abro o no FF parece que os divs que coloquei a propriedade float se sobrepoem ao div pai e a imagem de background não aparece, mas isso só ocorre no FF.

Alguem sabe alguma forma de sanar este problema?

 

Abaixo está o link da pagina com problema (Tentem abrir no IE e no FF):

http://www.havocbmx.com/area/area/

 

Obrigado.

[Guilherme Rambo 4]

muda o container, poe assim:

#container{	margin:0 auto;	background-color: #FFFFFF;	width:760px;	height:auto;	display:table;	background: url(../imagens/comum/bgcontainer.jpg) no-repeat;}

flw

[Maujor 144]

Coloque um elemento HTML antes do fechamento da DIV container e declare para ele clear:both;

[Guilherme Rambo 4]

Maujor, as duas opções são válidas? ou não?

[Maujor 144]

Maujor, as duas opções são válidas?

Sim!

Contudo aconselho a verificar o que acontece no IE7 quando usar display:table;

Para que serve height:auto; na sua solução?

[danielvlopes 0]

Eu testei a opção do inside e funcionou perfeitamente no IE, FF e no Opera. Oque o Maujor disse eu não entendi, como assim um elemento HTML?

 

Vejam como ficou no link abaixo:

http://www.havocbmx.com/area/area/portfolio.htm

 

Aproveitando que já ta ai, da uma opnião doque vcs acham também. http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif