me vuelvo loco con capas flotantes

[only_skating]

hola, estoy intentando que 2 divs esten alineados, y dreamweaver me los pone bien, pero en firefox se mete uno dentro del otro, aqui les dejo

Código HTML:

<div class="main">   
<div style="float:left; margin-left:20px; width:160px">
<?php
require('conezt');
$query=mysql_query(" ....");
while ($mostrar = mysql_fetch_array($query)){
$photo=$mostrar['foto'];
$name=$mostrar['nombre'];
$pv=$mostrar['provincia'];
	echo '<';
}
?>
</div> 
<div style="width:250px; float:left; margin-left:40px">
  <p align="center" class="fontcaractuser">Últimos videos</p>
      <?php
include('cnzt.php');
$sql = mysql_query("SELECT titulo,id,fecha FROM videos ORDER BY fecha DESC LIMIT 10") or die(mysql_error());  
while ($mostrar = mysql_fetch_array($sql)){
($sql);}
?>
</div>
</div>
<div class="news">
  <p>yeah</p>
  <p>style</p>
  <p>yeah</p>
</div> 

Código HTML:

.main {
	float:left;
	width:550px;
	background-color:#C7E6BD;
	border:#093 solid;
	color:#000;
	font-size:14px;
	margin-left:20px; 
	margin-top:40px;
}
.news{
	float:left;
	width:330px;
	margin-top:40px;
	margin-left:13px;
	border:#06F solid 1px;
	background:#E4E6FA;

nose que hacer