div principal y dentro dos columnas

[maitep]

Hola a todas buenas, estoy dando mis primeros pasos con css y tengo el siguiente problema.

tendo un div= contenido y dentro de este div tengo otros dos. quiero desplazar uno a la derecha y otro a la izquierda, para hacer dos columna.

Eso me sale y funciona bien.

lo unico es que el div exterior "contenido" no se me ajusta a los contenidos que hay dentro de los div internos.

es dicir el div exterior no vario su tamaño height con respecto a lo que tienen dentro sus div. Como puedo hacer que este tamaño varie y no se me solape con lo que hay debajo del div contenido

Código:

#contenedor{
    width:556px;
    he
    padding:1px;
    border: 4px dotted #CDCDCD;
}

#arqueroMenu{
    width:190px;
    float:left;
    position:inherit;
    top: 0px;
    left: 0px;
    padding-left:2px;
    background-color: #DDF1FF;
    border: 1px dotted #CDCDCD;
}

#arqueroPrincipal{
    width:352px;
    float:right;
    position:inherit;
    top:0px;
    right:0px;
    padding:2px;
    background-color: #DDF1FF;
    border: 1px dotted #CDCDCD;
}