Есть такой вот код, который вывод подсказку для любых элементов:

<script>
function show(id){
    t = 'div' + id;
    eval(t+".style.left = (event.clientX);"+t+".style.top = event.clientY + 5;"+t+".style.visibility = 'visible';");
}
function hide(id){
    t = 'div' + id;
    eval(t+".style.visibility = 'hidden';");
}
</script>

<a href="...." onmouseenter="show(1);" onmouseleave="hide(1);">.....</a>
<div style="position:absolute; top:35; left:170; width:400; height:100; visibility:hidden" id=div1>...</div>

всё работает отлично, пока не происходит скролинг — тогда окошко появляется выше нужного на размер скролинга.
как усзать смещение, что бы правильно выводить данные?