Styling a drop down menu using CSS

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 if 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>

 

Same post as in the other forums, same answer : What about a link to what you have already done ?

 

Hi there Dan,

I don't have a testing site yet, so I don't have it online.

Thanks for the reply

 

Can you post the full complete HTML and CSS code for the page in question then? Sometimes there'll be a problem in the HTML or CSS that can cause the dropdown form to screw up.

Also note that forms are the hardest to style cross-browser. Just ask anyone using Internet Explorer or Safari.

Also, is this dropdown menu being employed as a selection method or as a navigation menu?