Clearfix mit absolut positionierte Elemente

Mein problem ist Folgendes:
Die Grenze nicht umbrochen, die die Elemente enthalten. Ich weiß, das ist, weil ich die position der content-Element absolut, aber ich brauche absolute für das layout zu arbeiten. Dies bedeutet auch, dass ich nicht verwenden können, die clearfix-Lösung (dies bedeutet, dass ich zu schweben die Elemente, die es nicht als option).
Also meine Frage ist, wie bekomme ich das parent-div, um die Höhe der enthaltenen Elemente.

EDIT: Keine Javascript-Lösung, nur 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;
}

InformationsquelleAutor Rick Hoving | 2012-11-02