Слайдер на главной, работает не корректно, dle 10.5.

Доброе время суток. Я новичок сильно не судите.

В слайде выставлен лимит на 8 слайдов, добавляю больше слайдов они опускаются ниже на скрине видно.

Помогите.

код в main.tpl

{custom category="36" template="slides1" order="date" limit="16" from="0" cache="no"}

в css.

/* Slider Main

-----------------------------------------------------------------------------*/

.sliderbox {

height: 170px;

width: 998px;

margin: 15px 0 0 1px;

float: left;

position: relative;

background-color: #23252b;

background-repeat: no-repeat;

background-position: center top;

-webkit-border-radius: 5px;

-moz-border-radius: 5px;

border-radius: 0px 5px 5px 5px;

top: 374px;

}

.sliderbg {

float: left;

display: block;

margin: 0 15px 0 0;

}

.slides1_wrap {

padding: 0px;

width: 100%;

overflow: hidden;

margin: 1 auto;

}

#slides1 {

height: 200px;

}

#slides1 li {

list-style: none;

width: 1000px;

}

#slides1 li img {

float: left;

width: 110px;

height: 160px;

opacity: 0.90;

-moz-opacity: 0.90;

filter: alpha(opacity=90);

-moz-transition: all 0.3s ease;

-webkit-transition: all 0.3s ease;

-o-transition: all 0.3s ease;

-webkit-border-radius: 5px;

-moz-border-radius: 5px;

border-radius: 5px;

}

#slides1 li img:hover {

opacity: 1.0;

-moz-opacity: 1.0;

filter: alpha(opacity=100);

}

.slides1_wrap .prev {

position: absolute;

left: 10px;

top: 50px;

outline: 0;

width: 62px;

height: 62px;

text-indent: -99999;

background-image: url(../images/prevnext.png);

background-repeat: no-repeat;

background-position: 0px 0px;

display: block;

text-indent: -99999px;

opacity: 0.80;

-moz-opacity: 0.80;

filter: alpha(opacity=80);

}

.slides1_wrap .prev:hover {

opacity: 1.0;

-moz-opacity: 1.0;

filter: alpha(opacity=100);

}

.slides1_wrap .next {

position: absolute;

right: 10px;

top: 50px;

outline: 0;

width: 62px;

height: 62px;

background-image: url(../images/prevnext.png);

background-repeat: no-repeat;

background-position: -62px 0px;

display: block;

text-indent: -99999px;

opacity: 0.80;

-moz-opacity: 0.80;

filter: alpha(opacity=80);

}

.slides1_wrap .next:hover {

opacity: 1.0;

-moz-opacity: 1.0;

filter: alpha(opacity=100);

}

/* Middle

в js.

/* Slider main */

$(function(){

$('#slides1').bxSlider({

wrapper_class: 'slides1_wrap',

margin: 0,

auto: false,

auto_controls: false

});

});