Hi Guys,

My situation is that Firefox does not display all my pull down menu items at once. I requires for the user to scroll. It is important for the user to have a full view of all the items.

I know that I can set the number of rows usig the size property. However, it shows all the items and the pull down effect is lost. How can I make it so the total # of rows is shown OnChange or onClick. Any help will be appreciated.

This is the code I have right now.

<script language="JavaScript" type="text/JavaScript">
<!--
function MM_jumpMenu(targ,selObj,restore){ //v3.0
eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'";
if (restore) selObj.selectedIndex=0;
}
//-->
</script>

<select style='MARGIN-BOTTOM: 0px; BACKGROUND-COLOR: #FFCC00' name=catid onChange="MM_jumpMenu('parent',this,0)">
<option value="0" selected>Pick the Item you need</option>
<option value="#">- - - - - - - - - - </option>
<option value="item 1">Argentina</option>
<option value="item 2" >Belize</option>
<option value="item 3">Brazil</option>
</select>

I have about 26 items to show. the above is only a sample.