Google 크롬에서 jQuery 슬라이드 div가 아래쪽으로 잘못 표시됩니다.

Question

jQuery에 이미지 바닥에서 캡션 div를 위로 밀어 내 자신의 이미지 슬라이더를 작성했습니다. http://beta.marhaba.co.nz/about

구글 크롬이 페이지를보고, 당신은 캡션 DIV 이미지의 바닥에서 표시되지 않습니다 어떻게 알 수 있지만, 이미지 아래에서됩니다

다음 링크에서 데모를 참조하십시오. 제가 묘사하고있는 것을 가장 잘 이해하기 위해서는 제가 게시 한 링크를보십시오.

이 동작을 어떻게 수정합니까? 자막 div의 높이는 자동입니다.

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

Answer 1

나는 문제가 여기 CSS가 아닌 자바 스크립트는 것을 확신 다음과 같이

나는 현재 캡션 DIV 애니메이션. 다음 CSS를 설정해보십시오.

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

캡션이 슬라이드 쇼 아래에 표시되는 것을 멈추게 할 것이라고 생각합니다.