Attatch image d'arrière-plan au fond de div sizechanging

Question

J'ai défini un certain nombre de divs, qui ont des arrière-plans partiellement transparents qui se chevauchent les uns les autres, je veux en attacher un à la fin de la div. Cependant, si j'ajoute du contenu aux divs, l'arrière-plan est attatché là où j'ai spécifié la taille minimale. Cela se produit dans tous les navigateurs sauf IE. Voici mon code:

#content1 { 
    background-image: url(image/main_background.png); 
    margin-left: 12px; 
    margin-right: 12px; 
    /*margin-top: 0px; 
    margin-bottom: 0px;*/ 
    border-style: solid; 
    border-left-width: 3px; 
    border-right-width: 3px; 
    border-top-width: 0px; 
    border-bottom-width: 0px; 
    border-color: #000000; 
    width: 976px; 
    min-height: 355px; 
    float: left;  
    } 
#content2 { 
    background-image: url(image/top_gradient.png); 
    background-repeat: repeat-x; 
    width: 976px; 
    min-height: 355px; 
    } 
#content3 { 
    background-image: url(image/bottom_gradient.png); 
    background-repeat: repeat-x; 
    background-position: 0% 100%; 
    width: 976px; 
    min-height: 355px; 
    } 
#content4 { 
    background-image: url(image/top_background.png); 
    background-repeat: no-repeat; 
    width: 976px; 
    min-height: 355px; 
    clear: both; 
    } 

et

<div class="container"> 
    <div id="content1"><div id="content2"><div id="content3"><div id="content4"> 
     <div id="content_elements"> 
      <::content::> 
     </div> 
     <div id="sidebar_elements"> 
      <::sidebar::> 
     </div> 
    </div></div></div></div> 
</div> 

Merci!

Answer 1

Est-ce que cela fonctionne: il faut donc ajouter background: url('background.png') no-repeat bottom;bas après sans répéter.