[HTML,CSS] Problem z układem div Opcje

[krzychu0808]

Witam...
Mam pewien problem:
Link Usunięty
To jak widziecie na samej górze jest to co powino być na dole... nie wiem jak zrobić żeby był on odrazu za nim bo nie moge użyć "top" bo przed nim div ma wartość zmieną wysokości...

CSS:

Kod

#strona {
    margin     : 0 auto;
    padding    : 0px;
    width      : 797px;
   float         : center;
}

#aaa {
    position:absolute;
    list-style: none;
    margin     : 0 auto;
    border     : none;
    padding    : 0px;
    width      : 797px;
    height: 106px;
    background: url('images/1.jpg');
}
#bbb {
    position:absolute;
    top:106px;
    list-style: none;
    margin     : 0 auto;
    border     : none;
    padding    : 0px;
    width      : 797px;
    height: 171px;
    background: url('images/2.jpg');
}
#ccc {
    position:absolute;
    top:277px;
    list-style: none;
    margin     : 0 auto;
    border     : none;
    padding    : 0px;
    width      : 797px;
    height: 60px;
    background: url('images/3.jpg');
}
#ddd {
    position:absolute;
    top:337px;
    list-style: none;
    margin     : 0 auto;
    border     : none;
    padding    : 0px;
    width      : 797px;
    background: url('images/4.jpg');
}
#eee {
position:absolute;
    list-style: none;
    margin     : 0 auto;
    border     : none;
    padding    : 0px;
    width      : 797px;
    height: 41px;
    background: url('images/5.jpg');
}

HTML:

Kod

<div id="strona">
  <div id="aaa"></div>
  <div id="bbb"></div>
   <div id="ccc"></div>
   <div id="ddd">
   <br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
  
   </div>
<div id="eee"></div>  
    </div>

Ten post edytował krzychu0808 28.12.2007, 22:08:52

[dreame4]

Nie rozumiem dlaczego dla każdego diva dajesz "position:absolute;". Bez tego w Fx jest wszystko ok. (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg)