listbox控件没有水平滚动条，有些项显示不全，怎么办啊

Question

<select size=5 name=s1 style="width:100px;" onmousemove="showTip(this);" onmouseout="hideTip(this);">
<option>111111111111111111111111111111111111111111
<option>222222222222222222222222222222222222222222
<option>333333333333333333333333333333333333333333
<option>444444444444444444444444444444444444444444
<option>555555555555555555555555555555555555555555
</select><script>
var oP=window.createPopup();
function showTip(_obj){
line=parseInt(event.offsetY/15);
if(line>_obj.options.length-1)
  line=_obj.options.length-1;
oP.document.body.style.background="yellow";
oP.document.body.innerText=_obj.options[line].text;
len=_obj.options[line].text.length*9;
oP.show(event.x,event.y,len, 20, document.body);
}
function hideTip(_obj){
oP.hide();
}
</script>

Answer 1

我的思路：鼠标移动到某个项，触发一个事件，
在该项处弹出一个标签覆盖该项，
标签中显示完整文本。