时间控件位置问题！(Js) 在线等。

我用了一时间控件，显示位置的代码如下：
document.writeln('<iframe id=endDateLayer frameborder=0 width=162 height=211 style="position: absolute;  z-index: 9998; display: none"></iframe>');strFrame+='<div style="z-index:9999;position: absolute; left:0; top:0;" onselectstart="return false">';
strFrame+='<span id=tmpSelectYearLayer  style="z-index: 9999;position: absolute;top: 3; left: 19;display: none"></span>';
strFrame+='<span id=tmpSelectMonthLayer  style="z-index: 9999;position: absolute;top: 3; left: 78;display: none"></span>';
strFrame+='<span id=tmpSelectHourLayer  style="z-index: 9999;position: absolute;top: 188; left: 35px;display: none"></span>';
strFrame+='<span id=tmpSelectMinuteLayer style="z-index:9999;position:absolute;top: 188; left: 77px;display: none"></span>';
strFrame+='<span id=tmpSelectSecondLayer style="z-index:9999;position:absolute;top: 188; left: 119px;display: none"></span>';我点一下鼠标，时间控件会出现在鼠标点的地方的旁边，这是正确的，可有些页面内容太多，有滚动条时，时间控件不会滚动，会定在那一直不动，
这样就会有问题了，鼠标滚动有时到好下面了，可时间控件还有以前的位置，我觉的应该是 style="position: absolute 是问题，我修改了好久还是没弄好
现大家帮我想想怎么弄好，最好是贴点好运行的代码
谢谢！