JQuery слайд срезая верхушки изображений

Question

По какой-то причине слайд в Chrome и Safari отсекает верхушки изображений на одном слайдере на моем сайте, а не на другом. Код немного сложен для каждого слайдера, поэтому вы можете посмотреть на проблему и код здесь: http://explorevictoria.dreamhosters.com/

Я использовал один и тот же ползунок дважды на одной и той же странице, но функции имеют свои собственные переменные. В какой-то момент этот меньший слайдер работал правильно, но теперь, после некоторых изменений в других частях страницы, верхние 20 пикселей изображений в нижнем слайдере остаются позади.

Я пробовал пару десятков вещей, связанных с отступами и полями вокруг этой части сайта, и, похоже, ничего не исправило.

Я могу предоставить больше информации о проблеме, если что-то неясно, но я думаю, что это будет очевидно при просмотре сайта.

Answer 1

Измените margin на .slidesmall на margin: 20px auto, и он перестанет это делать. Кажется, это проблема браузера, потому что если вы перетаскиваете изображение или выделяете элемент внутри вашего инструмента разработчика в Chrome после того, как он выполняет нарезку, он станет нормальным. Вероятно, это связано с тем, что браузер думает, что элемент выше покрывает верхнюю часть div, поэтому он неправильно перерисовывает пиксели.