[Resolvido] Problema com titulo

[MatheusSilva 0]

'ola, para ilustrar melhor meu problema irei postar um video.

http://www.youtube.c...h?v=iRqmzvw2VMA

 

 

html

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


//Esse é o bloco que fica >>>>>>>>>>>>>>>>>>
   	<div id="cursos"> 
       	<h1 class="title">Cursos</h1>
           	<div id="courses">
           	</div>
   	</div><!--Cursos-->

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


//esse é o q ta dando problema
   	<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=='Digite um email valido') this.value='';" />
                   	<input name="acao" type="submit"  class="btn" value="Cadastrar" />
                   	<input name="acao" type="hidden" value="Cadastrar" />
      			</form>
   	</div><!--News-->
</div><!--content -->

 

css

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

}

/*Noticia Resumo*/
#topic{
margin-bottom: 8px;
}
#topic:hover{
background-color:#f1f1f1;
}
#topic h2{
font-size:20px;
}
#topic a{
color:#006699;
float: right;

}


/*cursos*/
#cursos{
margin-right: 10px;
}
#cursos .title{
  z-index: 3;
  position:absolute;
  left:935px;
  top:506px;
  background:#cacaca;
  padding:8px 15px;
  font-size:20px;
}
#courses{
float:right;
border:3px solid #333;
z-index: 2;
height:300px;
width:420px;
padding: 20px 0px 0px 10px;

}


/*Newsletter*/
#news {
border:3px solid #333;
margin: 50px 10px 5px 10px;
width:500px;
padding: 25px 0px 15px 15px;
}
#news h1{
position:absolute;
background:#cacaca;
padding:8px 15px;
font-size:20px;
top:888px;
left:420px;
}
#news span{
font-weight:bold;
font-size:16px;
}
#news legend{
font-size:20px;
font-weight:bold;
color:#333;

}
#news input[type=text]{
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
padding: 5px;
width:200px;
}

 

Já tentei de tudo, nao consigo.

 

obrigado

[MatheusSilva 0]

problema arrumado, só foi separar a div new das outras.