Hi All,

This is probably a silly question with a straighforward answer but I am having a problem with this and wonder if someone would be kind enough to point me in the right direction.

I am using a simple drop down box in Dreamweaver that navigates to the destination page when you click a link in the drop box, the problem I am having is that when I have more than 18 items in the list the drop down box opens upwards toward the top of the page instead of dropping down as I want it to. Is there any way to control this so that it always drops down, I dont mind a scroll bar appearing in it when it drops to the bottom of the page as this is what happens anyway when it opens upward.

The script I'm using is as follows:

In the head section:

<script language="JavaScript" type="text/javascript">
<!--
var myChoice, mySelection;

function CK_MenuItemRedirectPage(){
myChoice = document.myForm.myMenu.selectedIndex;
mySelection=document.myForm.myMenu.options[myChoice].value;
location=mySelection;
}
</script>

And in the body:

<form method="post" action="" name="myForm">
<p>
<select name="myMenu" onchange="CK_MenuItemRedirectPage()">

<option value="#" selected="selected">Choose your event</option>


<option value=">
<option value="> etc etc etc.

</select>


Any help appreciated..

Cheers

Kev

select inputs are controlled by the client OS NOT HTML. The proximity to the bottom edge of the clients screen will determine which way the list will be generated, not where the element is within the browser viewport.