I have following page in my application.
———————————-
[code]
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<SCRIPT LANGUAGE=”JavaScript”>
function OnDivScroll()
{
var lstCollegeNames = document.getElementById(“lstCollegeNames”);
if (lstCollegeNames.options.length > 8)
{
lstCollegeNames.size=lstCollegeNames.options.length;
}
else
{
lstCollegeNames.size=8;
}
}
</SCRIPT>
</HEAD>
<BODY>
<div id=’divCollegeNames’
style=”OVERFLOW: auto;WIDTH: 304px;HEIGHT: 147px”
onscroll=”OnDivScroll();” >
<SELECT id=’lstCollegeNames’ multiple >
<option>option</option>
<option>option</option>
<option>option</option>
<option>option option </option>
<option>option</option>
<option>option</option>
<option>option</option>
<option>option</option>
<option>option</option>
<option>option</option>
<option>option</option>
<option>option</option>
<option>option</option>
<option>option</option>
<option>option</option>
<option>option</option>
</SELECT>
</div>
</BODY>
</HTML>
—————————-
If i open above page in firefox then two vertical bars are show in page one for div tag and one for select box.
Is there any way to remove vertical scroll bar from the select box ???