Слайдер изображений не играет хорошо с 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 (), чтобы включить отступ в расчете.