title: CSS Ajax loader bottom-centered positioning issues
body: <p>I am trying to position this ajax-loader gif file bottom banner centered on all the main browsers - Mac Chrome/Firefox/Safari and Windows IE 8.</p>
  
  <p>I am following <a href="http://net.tutsplus.com/tutorials/javascript-ajax/how-to-load-in-and-animate-content-with-jquery/" rel="nofollow noreferrer">this tutorial</a>.</p>
  
  <p>The CSS in this tutorial for the ajax-loader is positioned at the top right corner of the banner (see demo page), using:</p>
  
  <pre><code>  #load {  
          display: none;  
          position: absolute;  
          rightright: 10px;  
          top: 10px;  
          background: url(images/ajax-loader.gif);  
          width: 43px;  
          height: 11px;  
          text-indent: -9999em;  
      }  
  </code></pre>
  
  <p>Using this css for #load, how to position bottom centered under the big green tickbox of this same example and also work on all popular browsers mentioned above?</p>