Проблемы с позиционированием в нижней части загрузчика CSS Ajax

Question

Надеясь, что кто-то может помочь с моими проблемами, пытаясь расположить этот нижний баннер gif-файла ajax-loader по центру всех основных браузеров - mac chrome / ffox / safari и windows ie8.

Просьба посмотреть этот учебник по адресу:> учебник

CSS в этом руководстве для ajax-загрузчика расположен в верхнем правом углу баннера (см. Демонстрационную страницу), используя:

  #load {  
        display: none;  
        position: absolute;  
        rightright: 10px;  
        top: 10px;  
        background: url(images/ajax-loader.gif);  
        width: 43px;  
        height: 11px;  
        text-indent: -9999em;  
    }  

Может кто-нибудь сообщить мне, используя этот css для #load, как расположить нижнюю часть по центру под большой зеленой галочкой этого же примера, а также работать во всех популярных браузерах, упомянутых выше?

Спасибо.

Answer 1

#wrapper{
  position:relative;
}
#load{
  width:100%;
  text-align:center;
  bottom:0px;
  position:absolute;
  background: url(images/ajax-loader.gif) top center no-repeat;
}

Обертка должна быть относительной, нагрузка должна быть абсолютной