jquery循环插件：第一个图像显示浮动正确

Question

我已经在我的网站上安装了JQuery Cycle Plugin，它工作正常，但第一张图像在页面加载时显示为向右浮动。这只是发生在第一张图片 - 所有其他人都可以。

我不知道这是为什么发生的为我所有的代码非常简单：

$(function() { 
    $('#banner').cycle('fade'); 
}); 

<div id="banner"> 
    <img src="images/banner01.jpg" /> 
    <img src="images/banner02.jpg" /> 
    <img src="images/banner03.jpg" /> 
    <img src="images/banner04.jpg" /> 
    <img src="images/banner05.jpg" /> 
    </div> 

#banner 
{ 
    width: 750px; 
    text-align: center; 
    height: 370px; 
    margin: auto; 
    margin-top: 20px; 
} 

#banner IMG 
{ 
    width: 750px; 
    height: 320px; 
} 

我不知道我有什么做错了或我能做些什么来解决它。有人会知道吗？

该网站是在这里，如果你想看看：http://austin7.org.au/

编辑：我曾尝试移动jQuery脚本到页面的底部也没有影响。另外，我尝试过使用不同的图像 - 它们都有相同的结果。

Answer 1

将left设置为0。

#banner img{ 
    left: 0; 
}