problemas con la maquetación de la web

[jochite]

Estoy intentando resolver dos problemas con la maquetación y parecen tener el mismo origen sin conseguir dar con el error y ya no sé por donde tirar.

1) aparece un espacio en blanco por encima de header y no sé cual es la razón

2) en el menu sprymenubar horizontal ( cuyo div denomino encabezado ) cuando
despliego los submenus se suben por arriba hacia el header y no quedan abajo.

HTML:

<div id="header">
<p class="cabecera">IP</p>
<p class="cabecera2">INSTIT</p>
</div>

<div id="Menu_Encabezado">

</div>

<div id="header_0">

</span> <span class="Estilo8"><span class="Estilo8">
<span class="Estilo64">&nbsp;&nbsp;<span class="Estilo67">&nbsp;
<?php

$meses_nombres=Array("Enero","Febrero","Marzo","Ab ril","Mayo","Junio","Julio","Agosto","Septiembre" , "Octubre","Noviembre","Diciembre");
$num=gmdate("m");
$mes=$meses_nombres[$num-1];
$dia=gmdate("j");
$anio=gmdate("Y");
echo $dia, " de " ,$mes ," de " ,$anio;
?>
&nbsp;&nbsp;&nbsp;&nbsp;</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nb sp;&nbsp;
<input maxlength="255" size="31" name="q" />
<input type="hidden" value="es" name="hl" />
<input type="submit" value="Búsqueda Google" name="btnG" />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&n bsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbs p;&nbsp;&nbsp;&nbsp;

<span class="Estilo17"><img src="../imagenes/sobre.jpg" alt="sobre" width="25" height="15" /> <a href="contactos.php" class="Estilo12 Estilo30">Contáctanos </a></span><span class="Estilo28">&nbsp;&nbsp;&nbsp;</span><span class="Estilo28">&nbsp;&nbsp;&nbsp; <img src="../imagenes/user.png" alt="user" /></span><span class="Estilo17"> &nbsp;<a href="control_de_usuarios.php" class="Estilo12 Estilo30">Usuario:Login </a></span> </div>
---------------------------------------------------------------------------------------------
CSS:
@charset "utf-8";


* {
margin:0px;
padding:0px;

}

body {

font:Verdana, Arial, Helvetica, sans-serif;
font-size:100%;
background: #666666;
margin: 0; /*
padding: 0;
text-align: center;
color: #000000;
}

.twoColLiqRtHdr #container {
width: 100%;
margin: 0 auto;
text-align: left;
}
.twoColLiqRtHdr #header {
width:100%;
background-color: #006633;
float: left;
position:relative;
}


.twoColLiqRtHdr #header h1 {
margin: 0;
padding: 0;
}

.twoColLiqRtHdr #Menu_Encabezado {
height: 40px;
width: 100%;
background-color: #FFFFFF;
float: left;
clear: both;
}

.twoColLiqRtHdr #header_0 {
width: 100%;
height: 40px;
background-color:#CFCFCF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
float: left;
clear: both;
padding-top:4px;
padding-bottom:10px;

}

.cabecera{
color:#CCCCCC;
font-size:36px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
padding-left:100px;
background-color: #006633;
padding-top:20px;

}

.cabecera2{
color:#CCCCCC;
font-size:18px;
font-family: Verdana, Arial, Helvetica, sans-serif;
padding-left:100px;
padding-bottom:25px;
background-color: #006633;
padding-top:20px;
}