baggrundsbilleder i min css rykker sig

hej jeg håber meget på i kan hjælpe mig, jeg har det problem at jeg ikke kan få mine baggrundsbilleder i min css til at virke korrekt jeg vil meget gerne have at min indholds baggrundsbillede kan strække sig, så hvis indholdet fylder for meget bliver baggrundsbilledet bare længere, mit indholdsfelt er den der hedder #index-04_  #index-05_: er under nummer 4 og den skulle gerne følge med, lige nu er alle baggrundsbillederne helt forskudte og følger slet ikke hinanden, det er et værre rod.

her er hele min css kode:

#Table_01 {
    position:relative;
    left:50%;
    top:50px;
    width:1024px;
    height:100%;
    min-height:768px;
    margin-left:-512px;
   
}

#index-01_ {
    background-image:url(images/index_01.jpg);
    position:relative;
    left:0px;
    top:0px;
    width:439px;
    height:158px;
   
   
}

#index-02_ {
    background-image:url(images/index_02.jpg);
    position:relative;
    left:439px;
    top:0px;
    width:585px;
    height:158px;
}

#index-03_ {
    background-image:url(images/index_03.jpg);
    position:relative;
    left:0px;
    top:158px;
    width:1024px;
    height:51px;
}

#index-04_ {
    background-image:url(images/index_04.jpg);
    position:relative;
    left:0px;
    top:209px;
    width:1024px;
    min-height:526px;
    height:100%;
}

#index-05_ {
    background-image:url(images/index_05.gif);
    position:relative;
    left:0px;
    top:735px;
    width:1024px;
    height:33px;
}



Jeg plejer at bruge position:absolute; men det giver mange begrænsninger og jeg bliver nødt til at have en scrool bar på inde i designet og det er jeg ikke helt tilfreds med, håber i kan hjælpe.