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