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