Mi problema es el siguiente:
El borde no envuelve los elementos que contienen. Sé que esto se debe a que coloco el elemento de contenido absoluto, pero necesito que sean absolutos para que el diseño funcione. Esto también significa que no puedo usar la solución de clearfix (esto significa que tengo que hacer flotar los elementos, lo que no es una opción).
Así que mi pregunta es, ¿cómo obtengo el div principal para obtener la altura de los elementos contenidos?

EDIT: No hay solución de Javascript, solo CSS

HTML:

<div class="mask">
    <div id="content-1" class="content-item">
        Lorem ipsum dolor sit amet, consectetur adipisicing elit...
    </div>
    <div id="content-2" class="content-item">
        Lorem ipsum dolor sit amet, consectetur adipisicing elit...
    </div> 
</div>​​​​

CSS:

.mask{
    position:relative;
    width:800px;
    border: 1px solid black;

}
.content-item{
    position: absolute;
    width:300px;
}
#content-1{
    left:10px;
}
#content-2{
   left: 300px;
}

​