Clearfix com elementos posicionados absolutos

Meu problema é o seguinte:
A borda não envolve os itens contidos. Eu sei que isso é porque eu posiciono o item de conteúdo como absoluto, mas eu preciso que eles sejam absolutos para o layout funcionar. Isso também significa que não posso usar a solução clearfix (isso significa que eu tenho que flutuar os elementos, o que não é uma opção).
Então, minha pergunta é: como obter o div pai para obter a altura dos elementos contidos.

EDIT: sem solução de JavaScript, somente 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;
}

questionAnswers(2)

yourAnswerToTheQuestion