html dropdown goes up rather than down

My html dropdown list is near the bottom of the page and as a result, the list goes up rather than down. I was wondering if it is possible to make the dropdown go down? Lets say by when selecting the dropdown only 10 items appear and with a scroll bar. I don't want to set size=10 because then I find that the dropdown then initially displays 10 items when you come into the page, rather than just the default "select" that I want. I basically only want it to show 10 items when you click the down arrow for the dropdown. At the moment there are about 70 items on the dropdown. If it only showed 10 items and with a scrollbar for the others then it would fit the browser window fine with the dropdown going down.

Is this possible?

Who is Participating?

[Product update] Infrastructure Analysis Tool is now available with Business Accounts.Learn More

I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

Gurvinder Pal SinghCommented:
if i have understood the question, you are looking for scrollbar in the drop-down.
Please check this link

Just put your select tag inside this div tag
<div style="height:200px; overflow-y:scroll">...</div>


Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
"My html dropdown list is near the bottom of the page"

The browsers do this automatically, based on a windows convention, that if a link is near the bottom of a page, opening a "dropdown" menu will NOT scroll the page (too complicated on a web page) -- rather, the browser, like MS OSs, will place the bottom of the dropdown list at the cursor, and top of the list above it, to avoid scrolling the page.  

The solution to this is to put more content BELOW where the dropdown list is -- at least enough to take up the same vertical height as the dropdown list.  When the user has scrolled the page down to see that other content below the list, everything will work correctly, as you want it.  The other way is to place the list at a point higher in the page.  The key is to have page content well below the dropdown list.
RupertAAuthor Commented:
Thank you both and apologies in slowness of getting back. gurvinder's does work. However I take scrathcyboy's point about better layout. I think I will go for the better layout option.

I'm going to split points 50/50

It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
Web Languages and Standards

From novice to tech pro — start learning today.