Float clearing... div assoluti scompaiono

[skill83]

Salve ragazzi ho un problema: cerco una soluzione sintatticamente e semanticamente corretta ad un problema facilmente risolvibile violando le regole...
allora vi metto gli stili in linea cosi' capite la situazione

<div style="width:800px;">
     <div style="float:left;position:relative;width:300px">
         <div style="position:absolute;top:-10px;left:-10px;">icona</div>
         contenuti.... ..... .....
     </div>
     <div style="float:right;position:relative;width:300px">
         <div style="position:absolute;top:-10px;left:310px;">icona</div>
         contenuti.... ..... .....     </div>
 </div>

allora in questa situazione il div contenitore non prende ovviamente l'altezza dei due div floattanti le strade sono due una è mettere l'overflow hidden al contenitore ma cosi mi perdo le due icone posizionate in maniera assoluta fuori dal div contenitore, la seconda è aggiungere un <div style="clear:both"></div> prima della chiusura del contenitore solo che in questo caso commetto l'errore semantico di lasciare un div vuoto........

come si puo' risolvere il problema senza incorrere nel div vuoto che mi fa il clear?

Grazie a presto

[skill83]

ho risolto............ con la pseudoclasse after e i seguenti css:
{
content: ";";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

non so perchè fino ad ora non funzionava...... forse un problema di cache del browser