Altezza DIV contenitori adattata ai div figli in position:absolute

[flavietta]

Salve,

ho un problema che non riesco a risolvere.

Ho creato due div contenitori (#wrapper e #container). All'interno di essi tutti gli altri div sono in position:absolute. L'altezza dei due div contenitori è pari a 0px. Come faccio a far si che la loro altezza si adatti al contenuto dei div figli?

Ho una cosa di questo tipo:

<div id="wrapper">
 <div id="container">
  <div id="child1">

  </div>
  <div id="child2">

  </div>
  <div id="child3">

  </div>
 </div>
</div>

#wrapper {
  width: 100%;
  margin: 0 auto;
  text-align: center;
}

#container {
  width: 980px;
  margin: 0 auto;
  text-align: left;
}

e i #child con dentro altri div hanno position: absolute tutti.

Mettendo

#wrapper:after {
	content: '.'; 
	display: block; 
	clear: both; 
	visibility: hidden; 
	height: 0; 
	line-height: 0;
}

#container:after {
	content: '.'; 
	display: block; 
	clear: both; 
	visibility: hidden; 
	height: 0; 
	line-height: 0;
}

non risolvo.

[Prill]

il clear serve per ripristinare il normale flusso della pagina quando si hanno elementi col float, non serve per elementi con posizionamento assoluto, se vuoi che il contenitore li "contenga" dovrai innanzitutto dargli un posizionamento che può essere relativo e poi assegnargli una altezza. Altrimenti lascia da parte i posizionamenti assoluti e ricorri al float per affiancare più box