Jquery循环插件:第一个图像出现在右侧浮动

Question

我已经在我的网站上安装了JQuery Cycle插件，它运行良好，但对于加载页面时显示在右侧的第一个图像来说。这种情况只发生在第一张图片上——其他的都没问题

我不确定为什么会发生这种情况，因为我所有的代码都很简单：

$(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;
}