Используйте две кнопки (изображения) для прокрутки DIV, для которого установлено значение overflow: hidden; с jQuery

у меня есть контейнер div:

.mask { 
    height: 157px;
    overflow: hidden;
}

содержимое внутри этого контейнера длиннее 157 пикселей. У меня есть две ссылки (изображения), которые я хочу использовать для прокрутки содержимого внутри контейнера вверх или вниз:

<ul class="scroll">
<li><a href="#"><img src="img/text-down-icn.png" alt="scroll down" /></a></li>
<li><a href="#"><img src="img/text-up-icn.png" alt="scroll up" /></a></li>
</ul>

как мне получить эти две ссылки для прокрутки содержимого внутри контейнера?

большое спасибо

====================== =====================

Спасибо за вашу помощь. Оказывается, лучше всего работает с подключаемым модулем scrollTo (http://plugins.jquery.com/project/ScrollTo).

$(document).ready(function(){ 
    $(".down").click(function () {
        $('.mask').scrollTo( '+=156px', 500 );;
    });

    $(".up").click(function () {
        $('.mask').scrollTo( '-=156px', 500 );;
    });
});