Горизонтальная прокрутка проблемы с переполнением изображений

Question

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

HTML, и CSS код в jsfiddle

$(document).ready(function(){ 
$("a.abc").click(function() { 
    $('.cmioProductThumbnail').animate({"left":"-=100px"},800) 
}); 
$("a.def").click(function() { 
    $(".cmioProductThumbnail").each(function(){ 
     $(this).animate({"left":"+=100px"},800) 

    }); 

}); 

});

http://jsfiddle.net/ZkXvX/
Как решить эту проблему? Любая помощь будет оценена по достоинству.
Спасибо

Answer 1

Хотя jsfiddle совершенно не связана с кодом в вашем вопросе, я уверен, что вы можете решить вашу проблему, обернув фиксированного размера div с overflow: hidden; по всему div, содержащих изображения.