Problema con divs y float

[jonysi_d]

Buenos dias....

Tengo un grabe problema de principiante con los divs de mi web, vereis, tendo un div llamado "contenedor" el cual es el principal con la siguiente id:

#contenedor {
width: 1060px;
margin: 0 auto;
border-left-color:#FF0000;
border-right-color:#FF0000;
border-bottom-color:#000000;
border-left-style:solid;
border-right-style:solid;
border-bottom-style:solid;
}

dentro de este div tengo otro div llamado "accesos-outlet" con la siguiente classe:

.accesos-outlet{ width:100%; position:inline; margin-top:60px;}

despues tengo otro div llamado "lateral"

.lateral { float:right; width:24%;}

El problema es que lo que hay dentro del div "lateral" se me superpone al div "contenedor", y no se como hacer para que el div "lateral" quede dentro del div "contenedor"

Espero haberme explicado bien...

Grácias...

[cristian_cena]

no se si te entendi bien, pero supongo que tu html es así:

<div id="contenedor">
<div class="accesos-outlet"></div>
<div class="lateral "></div>
</div>

¿me equivoco? De ser así éste ejemplo te será útil. Presta atención a la propiedad position.

Utilizas clases por algo en especial? porque sino es aconsejable el uso de id ya que los ids fueron crados para ser únicos.

[jonysi_d]

Gracias por el tutorial