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.