situado dos div a la derecha del div de contenidos

[jochite]

He seguido tus indicaciones y he creado esta estructura con su correspondiente
css. Pero de momento, se posicionando el panel_1 y panel_2 debajo de div
de contenido y no a la derecha y a la misma altura que el div de contenido
( un panel debajo del otro)
----------------------------------------
<div id="contenedor">

<div id="contenido ">

</div>

<div id="panel_1">

</div>

<div id="panel_2">

</div>

</div>
----------------------------------
css:

.twoColElsLtHdr #contenedor{
clear: both;
height:1%;
border: 1px solid #000000;
overflow:hidden;
width: 100%;
margin: 0 auto;
text-align: left; /* esto anula text-align: center en el elemento body. */
}

.twoColElsLtHdr #contenido {
overflow:hidden;
display:block;
float: left;
width: 70%;
clear: both;
}

.twoColElsLtHdr #panel_1{

margin-left: 10px; /* deben asignarse los márgenes izquierdo y derecho de cada elemento que vaya a colocarse en las columnas laterales */
margin-right: 10px;
width:25%;
float: right;
padding: 15px 0; /* el relleno superior e inferior crea un espacio visual dentro de este div */
}

.twoColElsLtHdr #panel_2{
margin-left: 10px;
margin-right: 10px;
width:25%;
float: right;
padding: 15px 0; /* el relleno superior e inferior crea un espacio visual dentro de este div */
}


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