Problema tre colonne

[MrBl4d3]

Sto realizzando un layout di tre colonne e una sola riga ma il div principale risulta troppo alto.
Per farvi capire meglio eccovi la pagina: http://www.bladexperience.com/headers/test_header.html.
Vorrei che l'altezza della barra celestina risultasse più bassa.
Praticamente vorrei creare una struttura di questo tipo di altezza 25px:
logo registrati-login pubblica-segnala-aiuto

Spero di essermi spiegato...
Codice xhtml/css:

 <div style="float:left; width:300px">
    

[img]../images/myctext2.gif[/img]</p>
</div>

<div style="float:right; width:20em;">
    

Pubblica [img]../images/bluepx.jpg[/img] Segnala Errore [img]../images/bluepx.jpg[/img] Aiuto</p>
</div>

<div style="float:right;">
    

Registrati</p>
</div>
	 
<div style="clear:both"></div>

[MrBl4d3]

Ho messo un margin bottom al div che contiene il logo e in effetti l'altezza della barra diminuisce. Solo che questa volta è proprio la gif che viene troppo bassa, la vorrei mettere più centrale e con il margin non ottengo il risultato.

[MrBl4d3]

ho risolto