Extension verticale d'un div

Bonjour,

Je cherche à étendre un div au sein duquel il y a des infos.
Sous ce div, il y a 2 autres div qui devraient suivre cette extension au gré des ajouts et retraits des infos.
Pour se faire, j'ai pensé avoir recours à un tableau. Mais plutôt que de faire un long discours, je vous invite à voir mon code :

HTML :

<div id="index">
 
        <div class="encart4">
        {INDEX_ENCART4} </div>
 
        <div class="encart1">
        {INDEX_ENCART1} </div>
 
        <div class="encart2">
        {INDEX_ENCART2} </div>
        <br>
        <div class="encart3">
        {INDEX_ENCART3} </div>
 
        <div class="encart5">
        {INDEX_ENCART5} </div>
 
</div>

CSS :

#index {
    top:0px;
    left:150px;
    position: absolute;
}
/* A la une */
.encart1 {
    float:left;
    width:6610px;
    top:-21px;
    left:300px;
    position: absolute;
}
/* L'album de la semaine */
.encart2 {
    float:left;
    width:215px;
    top:207px;
    left:300px;
    position: absolute;
}
/* Devenir bénévoles */
.encart3 {
    float:left;
    width:235px;
    height:335px;
    top:474px;
    left:300px;
    position: absolute;
}
/* Programmation quotidienne */
.encart4 {
    float:left;
    top:0px;
    left:0px;
    position: absolute;
}
/* FB */
.encart5 {
    float:left;
    width:235px;
    top:207px;
    left:600px;
    position: absolute;
}

Résultat visible là :
Modifié par azaroth (15 Jun 2014 - 10:16)