maquetar a 3 columnas

[francap]

Hace dos días que estoy intentndo maquetar a 3 columnas y no puedo. según lo que he leido y los ejemplos que vi. Esto debería funcionar. pero no

Código HTML:

<div id="cuerpo">
        <div id="menu_left"><div id="menu_left_imgLeft"></div> jkkjkjkj<br>jkkjkjkj<br>jkkjkjkj<br>jkkjkjkj<br>jkkjkjkj<br>jkkjkjkj<br>jkkjkjkj<br>jkkjkjkj<br>jkkjkjkj<br>jkkjkjkj<br>jkkjkjkj<br>jkkjkjkj<br>jkkjkjkj<br>jkkjkjkj<br>jkkjkjkj<br>jkkjkjkj<br>jkkjkjkj<br>jkkjkjkj<br>jkkjkjkj<br>jkkjkjkj<br>jkkjkjkj<br>jkkjkjkj<br>jkkjkjkj<br>jkkjkjkj<br>jkkjkjkj<br>jkkjkjkj<br>jkkjkjkj<br>jkkjkjkj<br>jkkjkjkj<br></div>     
    
        <div id="cuerpo_central">jkkjkjkj<br>jkkjkjkj<br>jkkjkjkj<br>jkkjkjkj<br>jkkjkjkj<br>jkkjkjkj<br>jkkjkjkj<br>jkkjkjkj<br>jkkjkjkj<br>jkkjkjkj<br>jkkjkjkj<br>jkkjkjkj<br>jkkjkjkj<br>jkkjkjkj<br>jkkjkjkj<br>jkkjkjkj<br>jkkjkjkj<br>jkkjkjkj<br>jkkjkjkj<br>jkkjkjkj<br>jkkjkjkj<br>jkkjkjkj<br>jkkjkjkj<br>jkkjkjkj<br>jkkjkjkj<br>jkkjkjkj<br>jkkjkjkj<br>jkkjkjkj<br>jkkjkjkj<br></div>
        
        <div id="panel_right">jkkjkjkj<br>jkkjkjkj<br>jkkjkjkj<br>jkkjkjkj<br>jkkjkjkj<br>jkkjkjkj<br>jkkjkjkj<br>jkkjkjkj<br>jkkjkjkj<br>jkkjkjkj<br>jkkjkjkj<br>jkkjkjkj<br>jkkjkjkj<br>jkkjkjkj<br>jkkjkjkj<br>jkkjkjkj<br>jkkjkjkj<br>jkkjkjkj<br>jkkjkjkj<br>jkkjkjkj<br>jkkjkjkj<br>jkkjkjkj<br>jkkjkjkj<br>jkkjkjkj<br>jkkjkjkj<br>jkkjkjkj<br>jkkjkjkj<br>jkkjkjkj<br>jkkjkjkj<br></div>    
    </div>
 

Código CSS:

#cuerpo{
     
}
/*** Menu Izquierdo **************************************************************************************/
#menu_left{
    float:left;
    width:220px;
    background-image:url(../img/back_menuVert.png);
    background-repeat:repeat-y;
    background-color:#fa9e05;
    
    margin-left:0px;
    margin-right:0px;
}
 
 
/*** Categoria Central **************************************************************************************/
#cuerpo_central{  
    margin-right:170px;
    margin-left:230px;
         
    background-color:#F9C;
        border-color:#7e817a;
    border-style:solid;
    border-width:1px;
}
 
/*** panel derecho **************************************************************************************/
 
#panel_right{
    float:right;
    width:160px;
    background-color:#999;    
}
 

La verdad es que no se como solucionarlo... les agradezco si me pudieran ayudar.

Saludos

edito: El problema es que las columnas izquierda y central quedan bien, pero la derecha queda a la derecha pero a la altura que termina la central y no arriba como si fueran 3 columnas.

[francap]

Autorespuesta

Se soluciona colocando en el html la <div id="cuerpo_central"> luego de <div id="panel_right">

Supongo que por el estilo block de las divs

Saludos