菜单很多，超出了页面的宽度，怎么实现：没有IE滚动条，在鼠标放到菜单边缘时滚动显示后面的菜单，鼠标离开停止滚动。当然，要左右两边都

<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>JK:支持民族工业,尽量少买X货</title>
</head><body scroll=no>
<div  onmouseover="startScrollFun(-2)" onmouseout="stopScrollFun();" 
style="background-color:#ccccff;cursor:hand;position:absolute;display:expression((contentContainerDiv.scrollLeft>0)?'':'none');left:0;" > <<< </div>
<div  onmouseover="startScrollFun(2)" onmouseout="stopScrollFun();" 
style="background-color:#ccccff;cursor:hand;position:absolute;display:expression((contentContainerDiv.scrollLeft+contentContainerDiv.clientWidth<contentContainerDiv.scrollWidth)?'':'none');left:expression(this.offsetParent.clientWidth-30);" > >>> </div>
<table style="width:100%;table-layout:fixed;"><tr><td>
<div id=contentContainerDiv style="width:100%;overflow-x:hidden;">
<pre>
需要滚动的内容abcde abcde abcbcde abcde abcde abcde abcde abcde abcde abcde abcde </pre>
</div>
</td></tr></table>
</body></html>
<script>
var scrollMoving;
function startScrollFun(n)
{
scrollMoving=window.setInterval("contentContainerDiv.scrollLeft+="+n,10);
}
function stopScrollFun()
{
window.clearInterval(scrollMoving);
}
</script>