jQuery слайд div снизу идет неправильно в Google Chrome

Question

Я написал свой собственный слайдер изображений в jQuery, который выдвигает заголовок div с нижней части изображения.

Пожалуйста, посмотрите демо по следующей ссылке: http://beta.marhaba.co.nz/about

При просмотре этой страницы в Google Chrome вы заметите, что div заголовка отображается не снизу изображения, а снизу изображения. Чтобы лучше понять, что я описываю, просмотрите ссылку, которую я разместил.

Как мне исправить это поведение? Обратите внимание, что заголовок div имеет высоту: auto.

Я сейчас анимирую заголовок div следующим образом:

$('.caption-container', $(this)).effect('slide', {direction: 'down'}, 'fast');

Answer 1

Я почти уверен, что проблема в вашем CSS, а не в JavaScript. Не могли бы вы попробовать установить следующий CSS?

div#barak ul.pictures {
    overflow:hidden;
}

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