Skroll на Jquery к нужному эллементу

Добрый день)

На сайте, имеется большой список всяких штук. Для удобства пользования подключил плагин который подсвечивает нужные слова которые пользователь вводит в input. Подсчечивает он их путем заковывания в тег <mark>. Пытаюсь сделать скроллинг вверх вниз по найденым словам. Т.е. на форме есть еше кнопки вверх / вниз при нажатии на которые экран скроллится вверх и вниз к след. тегу . Пытался вот так сделать:

$(document).ready(function (){
        var next;
        $("#downkfm").click(function (){
        if ( next === undefined ) {
        next = $('mark').next();
        } else {
        next = next.next();   
        }
        $('html, body').animate({
        scrollTop: ($('mark').offset().top)
        },500); 
            });
        });

И возникло две проблемы:

1 Скролл какой-то косой. Т.е. он прокручивает до нужного тега, но опускается немного ниже его.

2 Не переходит при повторном нажатии к следующему тегу

Подскажите плис что я делаю не так