Foros del web, para los que viven de bits

Después de hacer una página con 3 mucho más complicada, inexplicablemente ahora se me atraganta una de 2. La parte de la izquierda se me baja y además toma una altura como si la lista fuera vertical cuando es horizontal.

El código es:

HTML:

<div id="cabecerab">

<div id="menuimagenes">
<ul id="navegacionbase">
<li><a id="1" href="a.html">&nbsp;</a></li>
<li><a id="2" href="b.html">&nbsp;</a></li>
<li><a id="3" href="b.html">&nbsp;</a></a></li>
<li><a id="4" href="b.html">&nbsp;</a></li>
<li><a id="5" href="internetb.html">&nbsp;</a></li></ul>
</div>

<div id="buscador">
CODIGO BUSCADOR
</div>

</div>

CSS:

#cabecerab { text-align: left;
left: 0pt;
width: 1024px;
background-color: blue;
}

#menuimagenes {

margin-left: 365px;
text-align: left;
width: 593px;
left: 0px;
border:0px;
padding: 0px 0px 0px 0px;
height: 32px;
}


#buscador { width: 355px;
background-color: #efefef;
float: left;
}

supongo que lo que quieres flotar es #buscador.

Si es así, pues el div buscador debe ir antes que el elemento de la derecha, en el HTML... de la siguiente manera:

<div id="cabecerab">

<div id="menuimagenes">

<div id="buscador">
CODIGO BUSCADOR
</div>


<ul id="navegacionbase">
<li><a id="1" href="a.html">&nbsp;</a></li>
<li><a id="2" href="b.html">&nbsp;</a></li>
<li><a id="3" href="b.html">&nbsp;</a></a></li>
<li><a id="4" href="b.html">&nbsp;</a></li>
<li><a id="5" href="internetb.html">&nbsp;</a></li></ul>
</div>
</div>


Saludos