Allineamento orizzontale DIV

[Gorgoglius]

Ciao! Posto prima il codice e poi pongo il quesito!

file CSS:

#content {
	width: 900px;
	background: #25a0d7;
	margin-top: 20px;
	border: 2px solid #fff;
}

		#content #homeNews {
			width: 230px;
			background:url(../img/home_news.gif) no-repeat #fff;
			padding: 30px 3px 20px 3px;
			border: 2px solid #ff8000;
			float: left;
		}
		
		#content #homeNext {
			width: 230px;
			background:url(../img/home_next.gif) no-repeat #fff;
			padding: 30px 3px 20px 3px;
			border: 2px solid #ff8000;
			margin-left: 8px;
			float: left;
		}
		
		#content #homeBody {
			width: 380px;
			background: #fff;
			padding: 4px;
			border: 2px solid #ff8000;
			float: left;
			margin-top: 0px;
			margin-left: 20px;
		}

html:

 
		<div id="content">
			
			<div id="homeNews">
				


			             colonna sinistra
                                </p>
			</div>
		
			<div id="homeNext">
				


                                     colonna centrale
                                </p>
			</div>
		
			<div id="homeBody">
				 <p class="giustificato">
				     colonna destra
                                 </p>
			</div>

Ovviamente il mio intento era di tenere i 3 div News, Next e Body allineati orizzontalmente e all'interno del div content.. questo non succede.. su ie è tutto ok, su firefox i div sono allineati, ma sono all'esterno del div content.. dove sbaglio?

Sani

[fcaldera]

in realtà sono dentro, ma firefox non fa clearing sul contenitore

#content {
width: 900px;
background: #25a0d7;
margin-top: 20px;
border: 2px solid #fff;

overflow: hidden;
height: auto;
}

cerca "float clearing" sul forum / google


sani!

[Gorgoglius]

fcaldera ti dedicherò una statua

Sempre gentilissimo.. buon fine settimana a tutti