Скроллить до определенной строки внутри div
 

Поиском пользовался, но, возможно, не так формулирую вопрос.

Есть поиск с подсказкой. по мере набора под input text показывается div, в котором рисуется таблица с результатами (типа ид, название, кол-во)
благополучно сделал, чтоб по нажатию кнопок на клавиатуре вверх/вниз по таблице ползал Highlight.

Вопрос в следующем: если таблица не помещается в див, нужно чтоб она правильно скроллилась. Сделал так:

curRow = document.getElementById('id' + rowid);// успешно получаем нужную строку
outerDiv.scrollTop = rowid*20; // outerDiv - тот, в котором находится таблица

...но получилось коряво, особенно при разной высоте строк :(

Понимаю, что надо как-то определить позицию строки относительно дива, но как именно, и что потом с этим делать - непонятно.
Просьба не предлагать jQuerry итд - тут важно не только быстро сделать, но и понять, разобраться.

Спасибо.