Div sobrepõe a outra ao inves de empurra-la

Bom dia pessoal

bom é o seguinte rapido e objetivo

<div id="news">
 <div id="lanc_empresa"> //flotada a left
 </div>
 <div id="empresa"> //flotada a left
 </div>
 <div id="noticias"> //flotada a right
 </div>
 <div id="down"> //flotada a right
 </div>
</div>

gostaria que a div down ficasse abaixo da div noticias so que ela esta sobre a div empresa

eu usei um clear:both; e ele foi para debaixo da noticias mas quando o numero de caracteres do noticias aumenta a div noticias sobrepoe a div down

alguem sabe o motivo

o css da div news e do resto ta ai

#news{width:920px; height:525px; margin:5px 20px 0 20px; float:left;}
#lanc_empresa{width:597px; height:195px; float:left;}
#lanc_empresa ul{list-style:none;}
#lanc_empresa ul li{display:inline-block; margin:3px 3px 3px 4px; padding:2px 2px 0px 2px; background:#E0E0E0; position:relative;}
#lanc_empresa ul li:hover{border-bottom:2px solid #069;}
#lanc_empresa ul li p{width:135px; position:absolute; top:100px; background:#069; opacity:0.6; display:none; text-align:center;}
#lanc_empresa ul li:hover p{display:block;}
#lanc_empresa ul li a{color:#FFF; text-decoration:underline;}
#company{width:600px; height:310px; float:left;}
#company p{margin:5px 0 0 8px; font:12px Verdana, Geneva, sans-serif; color:#000000;}
#company img{margin:5px 8px 0 3px;}
#noticias{width:300px; height:380px; float:right;}
#noticias ul{list-style:none;}
#noticias ul li{margin:10px 0 0 6px; border-bottom:2px solid #666666;}
#noticias ul li a{text-decoration:none; font:12px Verdana, Geneva, sans-serif; color:#000000;}
#noticias ul li a span{font-weight:bold; text-transform:uppercase;}
#noticias ul li a p{text-align:right; margin-bottom:0;}
#noticias ul li a:hover{text-decoration:underline;}
#noticias ul li a:hover span{text-decoration:underline; color:#069;}
#noticias ul li b{font:9px Verdana, Geneva, sans-serif;}
#down{width:300px; height:80px; float:right; margin:0 0 0 6px; position:relative;}
#down a{float:left; color:#000; font:20px Verdana, Geneva, sans-serif; margin-left:3px; padding:3px;}
#down a:hover{color:#fff; text-shadow:1px 1px 2px #069; text-decoration:underline;}
#down img{float:left; padding:2px;}

Obrigado