свойство переполнения не отключается Содержимое карусели jQuery

Question

Хорошо, я знаю. Поверь мне, я знаю. Это кажется легким решением. Но решения уже некоторое время ускользают от меня.

Я использую плагин jQuery carousel. Я не могу показаться, чтобы получить карусель отрезать в конце DIV, что он вложен в.

<div style='overflow:hidden;margin:0 auto;'> 
    <div class='carousel'> 
<?php 
    for($i=0;$i<$count;$i++) 
    { 
      echo "<div> 
        ".$content[$i]." 
       </div>"; 
    } 
?> 
    </div> 
</div> 

Вы можете найти рабочий пример here

Answer 1

Вы даете overflow:hidden неправильного родительского элемента. Попробуйте дать overflow:hidden элементам li, а также дайте position:relative. Проблема будет решена. :)

li{ 
    /* other css properties */ 
    position:relative; 
    overflow:hidden; 
}