Problema 3 blocos

ola, neste site estou tendo um problema, estou com 2 div em cima,

/applications/core/interface/imageproxy/imageproxy.php?img=http://i42.tinypic.com/53uwjp.png&key=f1ae444a9786c6ad0592d28ff94fc8f773f4cb0e5f6273b7499c4b990672aef2" alt="53uwjp.png" />

eu quero que essa div onde esta o formulário vá e grude no Noticias mas nao da, ja tentei de tudo.

segue o código.

 <div id="content">
 <div id="noticias">
 <h1 class="titulo">Noticias</h1>
 <div id="notice">
<?php
 $consulta = mysql_query("SELECT * FROM noticias ORDER BY data DESC LIMIT 4");
 while($result = mysql_fetch_array($consulta)){
 $id = $result['id'];
 $titulo = $result['titulo'];
 $content = $result['conteudo'];

 echo '<div id="topic">
 <h2>'.$titulo.'</h2>
 '.limitarStr($content).'
 <a href="single.php?id='.$id.'">Saiba Mais</a>
 <div class="clear"></div>
 </div><!--topic-->
 ';
 }
?>
 </div>
 </div><!--Noticias-->

 <div id="cursos">
 <h1 class="title">Cursos</h1>
 <div id="courses">
 <?php
 $consulta2 = mysql_query("SELECT * FROM cursos ORDER BY id DESC LIMIT 1");
 $resulta = mysql_fetch_array($consulta2);
 $id = $resulta['id'];
 $Conteudo = $resulta['conteudo'];

 echo $Conteudo;
?>
 </div>
 </div><!--Cursos-->

 <div id="clear">
 </div><!--clear-->
</div><!--content -->

 <div id="news">
 <h1>Cadastre-se</h1>
 <legend>Para receber novidades da escola.</legend>
 <form id="form1" name="form1" method="post" action="newsletter/cadastro.php" enctype="multipart/form-data">
 <span>Nome:</span>
 <input type="text" name="nome" id="nome" value="Digite seu nome" onfocus="if(this.value=='Digite seu nome') this.value='';" onblur="if(this.value=='') this.value='Digite seu nome';"/>
 <br />
 <span>Email:</span>
 <input type="text" name="email" id="email" value="Digite um email valido" onfocus="if(this.value=='Digite um email valido') this.value='';" onblur="if(this.value=='') this.value='Digite um email valido';" />
 <input name="acao" type="submit" class="btn" value="Cadastrar" />
 <input name="acao" type="hidden" value="Cadastrar" />
 </form>
 </div><!--News-->

Eu tinha colocado dentro deste content para que quando o texto no noticias aumentasse (no caso se o titulo fosse maior e houvesse a quebra de linha nao atrapalhasse o H1 da div news.

css

#noticias{
margin-left:10px;
}

#noticias .titulo{

z-index: 3;
position:absolute;
left:438px;
top:506px;
background:#cacaca;
padding:8px 15px;
font-size:20px;
 border:1px solid #828282 ;
}
#notice{
float:left;
border:3px solid #333;
z-index: 2;
height:auto;
width:500px;
padding:17px 5px 4px 10px;

}

/cursos/

#cursos{
margin-right: 10px;

}

#cursos .title{

 z-index: 3;
 position:absolute;
 left:935px;
 top:506px;
 background:#cacaca;
 padding:8px 15px;
 font-size:20px;
 border:1px solid #828282 ;
}
#courses{
float:right;
border:3px solid #333;
z-index: 2;
height: 510px;
width:420px;
padding: 20px 8px 0px 10px;

}

/Newsletter/

#news {
border:3px solid #333;
margin: 0px 0px 5px 10px;
width:490px;

/ padding: 25px 0px 15px 15px;/

float:left;
}

#news h1{

position:absolute;
background:#cacaca;
padding:8px 15px;
font-size:20px;
top:885px;
left:420px;
 border:1px solid #828282 ;
}

obrigado.