Позиционирование footer absolute

[tarkinsky]

Помогите плиз уже два дня мучаюсь.

Есть код в котором многое прописано с помощью position: absolute;

Главное что так прописан и footer. вот кусок кода:

HTML:

      <div id="footer_carrier">
        <div id="footer">
          <div id="footer1">
           <div id="footer_text">
              Праздничные и фасадные работы для Вас и Вашей семьи! 
           </div> 
          </div>
        </div>
      </div>

CSS:

#footer_carrier{
  background: url(pics/footer_border.gif) top left repeat-x;
  height: 50px;
  width: 100%;
  position: absolute;
  top: 100%;
}

#footer{
  background: #ebebeb;
  height: 65px;
  margin-top: 3px;
  font-family: 'Tahoma';
  font-size: 11pt;
  padding-left: 10px;  
}
#footer1{
  background: url(pics/hearts.gif) top right no-repeat;
  height: 65px;
  margin: 0px;
}
#footer_text{
 padding-left: 5px;
 padding-top: 5px;
}

Обратите внимание на: footer_carrier - top: 100%; position: absolute; При разрешении 1024 на 768 все отлично и футер находится в самом низу. А если выставить 1280 на 1024 то видно следующее:

Скрин

(футер не прижат снизу ... там идет белая полоса).

Подскажите решение? или хотя бы намекните как можно попробовать прижать футер к низу именно в моей ситуации?

[Modestes]

что за div'ная "ёлочка"? Зачем столько блоков.

сделайте один div footer и делайте с ним че хотите

[Phys1cx]

Все кроме футера обвернуть в #wrapper

Ваш футер вставить в #block-footer

HTML:

<div id="wrapper"></div>
<div id="block-footer"></div>

CSS:

body {
height: 100%;
}
#wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
}
#block-footer {
margin: -100px auto 0;
height: 100px;
position: relative;
}

убрать footer_carrier - top: 100%;

Edited June 5, 2012 by Phys1cx