相对于轮播图像大小的jquery无限轮播视口大小

Question

我想首先介绍一下我第一次发布这个事实，对于网页设计和这个论坛来说，这是一个完全的菜鸟......

我正在尝试设置旋转木马库以显示图像，我正在使用jQuery无限轮播脚本来执行此操作。我注意到我的图像似乎比视口窗口短，即使我相信我已经将尺寸设置为相同。我做了一些试验和错误并认为这是一个CSS设置我没有正确的，但如果我离开的话，我不会感到惊讶。

正如我所提到的，我之前从未发布过此类信息，所以无论您希望发布什么内容，我都会尝试做以获得有益的反馈。

我没有修改任何原始的js（jquery.infinite-carousel.js）。我修改了我下载的.css文件，以便我理解。

感谢您提供任何帮助。

#gallery{
width: 1200px;
overflow:hidden;
margin-left: auto;
margin-right: auto;
margin-top: 36px;
border-width: 0 2px 0 2px;
border-color: #666;
border-style: solid;
}
#gallery ul{
position: relative;
padding: 0;
margin-top: 0;  //<------- adding this line fixed my problem
}
#gallery li{
width: 1200px;
height: 800px;
float: left;
list-style: none;
}

#prev, #next{
position: relative;
width: 400px;
float: left;
cursor: pointer;
font-family: 'Loved by the King', cursive;
font-size: 20px;
color: #88796a;
text-decoration: none;  
}