Изображение слайдера не играет хорошо с css

Question

У меня есть слайдер изображения, который расположен над фоновым изображением, но я не могу заставить ползунок изображения размещать мертвую точку внутри и не обрезать фоновое изображение. Также у него появилось странное поведение, когда первый слайд всегда был дальше, чем остальные!?!?

#slider { 
background:url("../images/bg-slider.gif") no-repeat scroll 0 0 transparent; 
height:389px; 
width:590px; 
} 

#slider ul { padding:25px;} 
    #slider ul, #slider li { width:590px; height:389px; overflow:hidden; list-style:none;  } 

http://fluroltd.com/clients/harveys/

Answer 1

Я нашел проблему ранее в своем CSS. У меня было более общее объявление в CSS для ul. Сделал его более конкретным и альтом.

Answer 2

ах хорошо, думаю, я понимаю, что вы имеете в виду. Попробуйте избавиться от этой строки:

#slider ul { padding:25px;} 

это увеличивает ширину вашей линии ul и li на 50px. Другой вариант заключается в уменьшении ширины декларации до 540px ...

EDIT

третий вариант будет изменить JS, которые вы используете. В настоящее время он использует .width(), чтобы получить размер элемента. Это не включает значения заполнения. Используйте .outerWidth(), чтобы включить дополнение в расчет.