Height auto de mon Content

Bonjour à toutes et à tous,

Je viens de finir le codage d'un thême que j'ai créer, mais une valeur m'empêche d'être heureux. Il s'agit de la valeur height de mon content. Je voudrai que mon content s'adapte automatiquement au contenu qu'il affiche, mais pour l'instant, j'ai rentré une valeur fixe, mais si j'ajoute ou enlève du contenu, mon content ne s'adapte pas. Voici mon css:

#content {
	margin-top: 29px;
	width: 500px;
	float: right;
}

.contenttop {
	background-image: url(img/content-top.png);
	background-repeat: no-repeat;
	width: 500px;
	height: 19px;
	position: absolute;
}

.contenu {
	background-color: #FFFFFF;
	background-repeat: repeat-y;
	width: 500px;
	height: 1050px; // Valeur à modifier
	margin-top: 19px;
	position: absolute;
}

Et au cas, mon code HTML:

<div id="content">
  <div class="contenttop"></div>
        <div class="contenu"></div>
        <!-- Contenu -->
  </div>

Merci d'avance de votre réponse

Bonjour,

Il faut:
- Ne pas utiliser de hauteur fixe (sinon ça peut pas s'adapter en hauteur, tout bêtement).
- Ne pas positionner ton contenu en absolu! (Les éléments positionnés en absolu sont ignorés par leurs frères et parent. Ils flottent dans le vide intersidéral.)

Merci de ta réponse, mais ça ne m'éclaire pas plus que ça ^^.
C'est pourquoi j'ai bien préciser que cette valeur doit être modifié ^^.

N'ayant pas 100% de compétences en CSS, j'aimerai savoir ce que je dois mettre, car il n'y a que la position absolu qui me permette d'afficher mon contenu.

Je n'arrive vraiment pas à résoudre ce problème, car je souhaite avoir un repeat-y qui s'adapte en fonction de mon contenu, car je créer ce thême pour adapter différentes longeurs de pages.

Voici aussi une image de mon problème (ne tenez pas compte de la zone Recherche, ça a été résolu ^^)
http://i40.servimg.com/u/f40/11/00/80/43/111.jpg