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

file CSS:
codice:
#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:
codice:
 
		<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