I am using Paul Irish's Infinite Scroll jQuery Plugin and I notice that every time I load more content onto my page it appends the following HTML markup into the DOM as a loading graphic:

```
<div id="infscr-loading" style="display: none; width: 100%;">
    <img alt="Loading..." src="loading.gif" />
    <div></div>
</div>

```

If you watch closely as the loading graphic is plucked out of the DOM and then reinserted once new content is being loaded, the graphic actually animates from the left side of the page to the center. How do I eliminate this possibly unintended "animation" from taking place? I'm not quite sure this is actually the intended behavior rather I think it is a result of the above markup being detached from the DOM and the reinserted...I could be wrong though.

Is there a way to make sure the loading graphic always appears in the exact center and there is no "animation"?

Here's a link to the script: <https://github.com/paulirish/infinite-scroll/blob/master/jquery.infinitescroll.js>

I don't see any sort of CSS or JS creating this effect.