Problema com DIVs...

Olá!

Estou tentando alinhar isso em três colunas... no meu HTML está assim:

<div id="cabecalho" style="border-bottom:7px solid #ff6600;"> <div id="cab-left"> <div align="center" style="padding-top:8px;"><img src="../imagens/marca-areas.gif" border="0"></div> </div> <div id="cab-centro"> <img src="../imagens/tit-area-assessoria.gif" border="0" style="padding-top:12px; padding-bottom:9px; "><br> <img src="../imagens/menu-area-asse-cad-news.gif" border="0" style="padding-right:1px;"><img src="../imagens/menu-area-asse-edit-news.gif" border="0" style="padding-right:1px;"><img src="../imagens/menu-area-asse-edit-dados.gif" border="0" style="padding-right:1px;"><img src="../imagens/menu-area-asse-sair.gif" border="0" style="padding-right:1px;"><img src="../imagens/menu-area-asse-cad.gif" border="0"> </div> <div id="cab-right"> Bem vindo (a)<br><strong>Fulano do e tal</strong> </div></div>

e no arquivo CSS está assim:

#cabecalho { width:778px; background-image:url(../imagens/bg-cabecalho.gif)}#cab-left { width:137px; height:81px; float:left;}#cab-centro { margin-left:138px; width:494px;}#cab-right { width:130px; float:right;}

o que tem de errado nisso? acontece que o coluna da esquerda fica OK, a coluna do meio fica OK, mas a coluna da direita pula uma linha... não entendo isso... alguém pode me ajudar? valeu!

--------------------------------------------

Resolvi... acho que já estou ficando muito tempo no PC. bem, pra quem tiver a mesma dúvida que eu, é só inverter os DIVs. Coloca o DIV da direita antes do DIV do meio. :)