Two Vertical Scrollbars in select and DIC

Hi All,

I have a sample page in which I am enclosing a <Select within a DIV, The purpose is to have a horizontal scrollbar for the <Select. The page is working perfectly fine. But I notice that when the no of items in the <select is increasing many fold, the listbox is displaying its own scrollbar, even though the DIV is having space, resulting in two scrollbars. I am Unable to figure out why it is happening like this. If I reduce the font size, then the list is able to accomodate a few more entries. For ur reference I am attaching the code below.

Please copy paste the options to more than 2000 items. The problem will come up.

Thanx in Advance.

Code: ( text )

<html>
<head><title> Testing select option</title>
<script language="javascript">
function OnDivSrcScroll()
{
if (SourceAccounts.options.length > 17)
{
SourceAccounts.size=SourceAccounts.options.length;
}
else
{
SourceAccounts.size=17;
}
}
function OnSrcSelectFocus()
{
if (document.getElementById("divSrcAccounts").scrollLeft != 0)
{
document.getElementById("divSrcAccounts").scrollLeft = 0;
}
}
</script>
</head>
<body>
<br><BR><HR>
Please Choose
<div id='divSrcAccounts'
style="overflow:auto;position: relative;width:300px;HEIGHT: 233px;"
onscroll="OnDivSrcScroll();" >
<SELECT size="17"
name="SourceAccounts" multiple onfocus="OnSrcSelectFocus();" >
<OPTION value="003000109">003000109   FCIA DEL PUEBLO</OPTION>
<OPTION value="003000133">003000133   FCIA DEL CARMEN *OROCOVIS*GNP*</OPTION>
<OPTION value="003000158">003000158   U-SAVE PHARMACY L.L.C. *GNP*</OPTION>
<OPTION value="003000182">003000182   FCIA NUEVA,JM PHA GRP INC*GNP*</OPTION>
<OPTION value="003000109">003000109   FCIA DEL PUEBLO</OPTION>
<OPTION value="003000133">003000133   FCIA DEL CARMEN *OROCOVIS*GNP*</OPTION>
<OPTION value="003000158">003000158   U-SAVE PHARMACY L.L.C. *GNP*</OPTION>
<OPTION value="003000182">003000182   FCIA NUEVA,JM PHA GRP INC*GNP*</OPTION>
<OPTION value="003000109">003000109   FCIA DEL PUEBLO</OPTION>
<OPTION value="003000133">003000133   FCIA DEL CARMEN *OROCOVIS*GNP*</OPTION>
<OPTION value="003000158">003000158   U-SAVE PHARMACY L.L.C. *GNP*</OPTION>
<OPTION value="003000182">003000182   FCIA NUEVA,JM PHA GRP INC*GNP*</OPTION>
<OPTION value="003000109">003000109   FCIA DEL PUEBLO</OPTION>
<OPTION value="003000133">003000133   FCIA DEL CARMEN *OROCOVIS*GNP*</OPTION>
<OPTION value="003000158">003000158   U-SAVE PHARMACY L.L.C. *GNP*</OPTION>
<OPTION value="003000182">003000182   FCIA NUEVA,JM PHA GRP INC*GNP*</OPTION>
</SELECT>
</div>
</body>
</html>