更好的方式来显示一个gif preload img而不会看到它的中心

Question

我在页面加载时放置了一些用于显示加载img的代码，似乎在显示加载img时工作正常，但是当它第一次出现时，你可以看到加载img div在页面上居中。现在代码正在运行，但看到它本身就是中心，是否有另一种方法来编码，所以它不会那样做，或者可能是另一种方式更简单/更实用/优化/交叉浏览器友好/等...这是代码和CSS和HTML，并感谢球员/加尔斯：

</body>
<script type="text/javascript">
$(document).ready(function() {
  setTimeout('$("#container").fadeTo(1000, 1)', 2000);
});
$('#container').css('opacity', 0);
$('#preloader').css('opacity', 1);
$(window).load(function() {
  $('#preloader').fadeTo('opacity', 0);
  $('#container').fadeTo(1000, 1);
});
</script>

CSS：

#preloader{
position:absolute;
display:block;
width:100%;
text-align:center;
}

HTML：

<div id="preloader"><img src="/images/preloader.gif"/>
</div>
<section id="container">

---Content---

</section>

感谢任何帮助，谢谢。