div uno al lado del otro en orden

[eMaa]

Buenas

tengo dos capas dentro de un contenedor con margin auto, quiero que estas dos capas esten una al lado de la otra y para eso uso FLOAT left en las dos. El problema es que me aparecen en el orden contrario al que quiero que estén, es decir necesito que la que esta a la derecha este a la izquiera de la otra


algo asi tengo en html:

<div class="cabecera">
<div class="logo"></div>
<div class="logeo"></div>

</div>

en el css:

.cabecera{ border:solid 5px #FFC; background: #000; width:1013p; margin:auto;}
.logo{ background:url(imagenes/LogoAmarillo.jpg); width:600px; height:158px; float:left;margin-top:15px; border:#00F solid;padding:0px;}
.logeo{ width:100px; float: left; margin-left:50px; height:158px;margin-top:15px; padding:0px;}

lo que necesito es que el div logo este primero de derecha a izquieda y no como se me muestra actualmente, es algo muy sencillo pero no me sale es increible. ya probé cambiando de ubicacion los div en el html.

saludos

[cristian_cena]

fijate este ejemplo.
para que #logo este a la derecha de #logeo:

Código HTML:

<div class="cabecera">          <-- overflow:hidden -->
    <div class="logeo"></div>   <-- float:left-->
    <div class="logo"></div>    <-- float:left-->
</div>
 

Saludos.

[eMaa]

le puse overflow:hidden a "cabecera" y lo que paso es que "logeo" salio de su contenedor "cabecera".

[cristian_cena]

fijate el link que te pasé, ahi está clarito. dale width a todo y controlá que el width de #cabecera no sea menor que la suma de los anchos de sus hijos (margin+border+padding+width).

[eMaa]

no logro entenderlo, todo tiene width y no supera el del contenedor , asi tengo mi css:

.cabecera{ border:solid 5px #FFC; background: #000; width:1013p; margin:auto;height:158px; padding:5px;}
.logo{ background:url(imagenes/LogoAmarillo.jpg); width:200px; height:157px; float:left;}
.logeo{ width:100px; float: left; height:157px;}

[cristian_cena]

proba con esto:
.cabecera{ border:solid 5px #FFC; background: #000; width:1013px; margin:auto; height:158px; padding:5px; overflow:hidden;}