Div saiu da posição

[Carlos Rocha]

Pessoal,
O Documento é: http://www.bateriasadvance.com.br/morrodesaopaulo.inf.br/, nele tenho um documento com uma estrutura assim:

.......
  <div id="cabecalho">
    <div id="formBox">
      <div id="formTopo"><img src="img/cota.png" width="250" height="143" /></div>
      <div id="form"><?php include("form.php"); ?></div>
    </div>
    <div id="banner"><?php include("banner.php");?></div>    
  </div>  
  <div id="mensagem"><?php include("mensagem.php"); ?></div>
.........

Essa div mensagem possui a seguinte css:

#mensagem
{
  top:500px;
  height:100px;
  text-align:center;
  clear:both;
}

O código da div banner era assim:

<?php
  $banner_string="SELECT id, logo FROM banner";
  $banner = $conexao->query($banner_string);

  if($banner->num_rows==0)
  {
echo "<h2>Banner ainda n&atilde; esta cadastrado</h2>";
  }
  else
  {
list($id, $logo)=$banner->fetch_row();

if(file_exists(endereco_banner."/".$logo))
{
   $imagem=endereco_banner."/".$logo;
$foto = "<img src='".$imagem."' width=750 height=463 alt='Banner' title='Banner'";
}
else
{
$foto = "<h2>Sem Imagem</h2>";
}
print $foto;
  }
?>

Após uma solicitação de usar JCarroussel, mudei para:

<?php
$pesquisaBannerString ="SELECT logo FROM banner ORDER BY id desc limit 5";
$pesquisaBannerQuery=$conexao->Query($pesquisaBannerString);

if ($pesquisaBannerQuery->num_rows==0)
{
echo "Ainda n&atilde;o h&aacute; Banner algum cadastrado!";
}
else
{
?>
  <div id="carrosselBanner">
<ul>
<?php
while(list($nomeBanner)=$pesquisaBannerQuery->fetch_row())
{
if($nomeBanner=="")
{
  $linkBanner = "<label style='width:750px; heigth:463px;'>Sem Imagem</label>";
}
else
{
if(file_exists(endereco_banner."/".$nomeBanner))
{
$linkBanner = "<img src='".endereco_banner."/".$nomeBanner."' width='750px' height='463px' />";
}
}
?>
<li><?php echo $linkBanner; ?></li>
<?php
}
?>
</ul>
  </div>

  <script type="text/javascript">
        $(window).load(function () {    
        $("#carrosselBanner").jCarouselLite({
              btnPrev : '#prev0',
              btnNext : '#next0',
              auto    : 1,
              speed   : 10000,
              visible : 1
        })
  })
  </script>  

<?php
}
?>

O que acontece é que no modo sem o JCarroussel, a div mensagem ficava abaixo da div cabecalho sem problemas. Mas após a inclusão do JCarroussel, ela foi pra baixo da div cabecalho e não há nada que eu faça que jogue ela para o lugar dela.

Tentei muta coisa mas não adianta.

O que será que tem no primeiro que empurra a div mensagem para baixo?

Alguém ajuda?

Podem me ajudar fazendo favor?

[Carlos Rocha]

Pessoal, ainda não consegui

[jefmolino]

Pode tentar usar o position absolute do css, não sei se vai te atender... o link não abriu