Javascript-форум - Проблема, в менюшке

Вот делаю менюшку которая выезжает и заезжает, при помощи мыши, тоесть навёл курсор она выехала, отвёл она заехала, так вот такая проблема, навёл мышку, она выехала, если вставить какой нить объект, в div менюшки, она тупит, не пойму в чём проблема подскажите плиз

<html>
<head>
<script language=javascript>

function nav_scroll(){document.getElementById("example").style.top=document.body.scrollTop+document.body.clientHeight-document.getElementById("example").offsetHeight;}
function delta(progress) {return 1 - Math.sin((1 - progress) * Math.PI/2);}

from1=20;to1=200;
from2=200;to2=20;
function anim_viem()
{
var element = document.getElementById("example");
var from = from1;
var to = to1;
var duration = 600;
var start = new Date().getTime();
setTimeout(function() {
    var now = (new Date().getTime()) - start;
    var progress = now / duration;
    var result = (to - from) * delta(progress) + from;
    from2=result;
    element.style.height = result + "px";
    element.style.top=document.body.scrollTop+document.body.clientHeight-element.offsetHeight;
    if (progress < 1)
        setTimeout(arguments.callee, 1);
}, 10);
}

function anim_hide()
{
var element = document.getElementById("example");
var from = from2;
var to = to2;
var duration = 600;
var start = new Date().getTime();
setTimeout(function() {
    var now = (new Date().getTime()) - start;
    var progress = now / duration;
    var result = (to - from) * delta(progress) + from;
    from1=result;
    element.style.height = result + "px";
    element.style.top=document.body.scrollTop+document.body.clientHeight-element.offsetHeight;
    if (progress < 1)
        setTimeout(arguments.callee, 1);
}, 10);
}

</script>
</head>
<body onscroll="nav_scroll()">
<div style="border:2px solid black;height:20px;" onmouseout="anim_hide()" onmouseover=anim_viem() id="example">
<font>Проблема</font>
</div>
</body>
</html>