HTML drop down menu

[Richardf]

Hi there,

Hope all is well.

I've create the following drop down menu. It works fine, except some of the items are quite long and are not displaying in full, when the menu is dropped down. The problem is that, the bit that is initially displayed before you drop down the menu can not be enlargened, because it is a finite area. What I am effectively looking to do is to ensure that the item is fully displayed. I'd like to avoid using javascript where possible.

Thanks

<form name="formone" >
<p>
<select id="jump-button">
<option selected="selected">Item 1</option>
<option value="link">Item ABCDEF GHIJKLM</option>
<option value="link">Item ABCDEF GHIJKLM</option>
<option value="link">Item ABCDEF GHIJKLM</option>
<option value="link">Item ABCDEF GHIJKLM</option>
<option value="link">Item ABCDEF GHIJKLM</option>
<option value="link">Item ABCDEF GHIJKLM</option>
<option value="link">Item ABCDEF GHIJKLM</option>
</select>

[Bigmous]

if its only 1 drop down menu

you can add the following to the css file

select {width: 200px;
}

otherwise give each drop down a class and control the width for each 1.