3枚の画像をフェードイン

質問

3枚の画像を順番にフェードインさせたいのですが、ＩＥで確認すると先にパっと画像が表示された後にすぐにその画像が消えてフェードインが次々始まります・・・。何かソース等ミスがあるのかＩＥ対策をしないといけないのかわかりません・・。ページを表示させたあと更新を押すと正常に動くのですがブラウザを閉じて再度表示させるとまたパっと画像が現れた後にフェードインが始まる感じです。
ソースは下記になります。
最初のパッと画像が現れる原因と対策を教えてください・・・！

<script type="text/javascript">

$(function(){
　$('#fade li').hide();
});

$(window).bind("load", function(){
　var interval = 400; //表示間隔

　for(var i=0; i<$('#fade li').length; i++)
　　setTimeout(doFade(i), interval * i);

　function doFade(i){
　　return function(){ $('#fade li').eq(i).fadeIn(2000); };
　}
});

</script>

【ＨＴＭＬ】

<ul id="fade">
<li><img src="image/mainpx_01.jpg" alt="" width="365" height="484" style="display: inline; " /></li><li><img src="image/mainpx_02.jpg" alt="" width="365" height="484" style="display: inline; " /></li><li><img src="image/mainpx_03.gif" alt="" width="270" height="484" style="display: inline; " /></li></ul>

回答No.1

LancerVII

こんにちは。

確認したわけではないので直るかわかりませんが、
imgに設定しているスタイル display: inline; を
display: none;
にしてみては如何でしょうか。

最初から非表示としておけば良い気がします。

補足

遅くなりましてすみません・・試してみたのですが最初から表示されていないので下のコンテンツが全て上に上がってしまい画像も表示しませんでした～
他のソースでやり直したのですがそれではＩＥのみしかフェードインになりませんでした・・・。一度この質問を打ち切りまして新たに質問を立ち上げてみようと思います。ありがとうございました！