Mein Problem ist folgendes:
Der Rand umschließt die enthaltenen Elemente nicht. Ich weiß, das liegt daran, dass ich das Inhaltselement absolut positioniere, aber ich muss sie absolut haben, damit das Layout funktioniert. Dies bedeutet auch, dass ich die Clearfix-Lösung nicht verwenden kann (dies bedeutet, dass ich die Elemente schweben lassen muss, was keine Option darstellt).
Meine Frage ist also, wie ich das übergeordnete div dazu bringe, die Höhe der enthaltenen Elemente zu ermitteln.

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;
}

​