Pull down (jump) menu width/display issue..

[smashart]

I spent 2 days trying to figure out how to set the width of a jump menu and finally found it here: http://www.macdesignonline.com/tutorials/dreamweaver/novdec02_jump.html

Everything works great on a Mac, BUT ON A PC, the sub menu items don't reveal the entire line of text, but are cropped at the same width of the pulldown, sample here: http://www.smashart.com/superbrace/catalog.html

Is there a way to fix this?

the .css style code in dreamweaver:

<style type="text/css">
<!--
.jump {
font-family: Arial;
font-size: 10pt;
font-weight: bold;
color: ffffff;
background-color: ec6400;
width: 112px;
}
-->
</style>

Thanks for any suggestions..

[sonofmidi]

You are expecting results from the select menu that it wasn't intended for. Normally, the select menus width is dependant on the line length of the option tags. If you remove the width from the css, you'll see that it causes major horiz scroll probs. I had a similar situation where I had a lot of links but didnt want a long nav table etc. A good DHTML menu is what you need. I use this one and it loads quicker than the HTML and images on my site.

http://javascript.cooldev.com/scripts/cooltree/index.shtml

[smashart]

The menu looks good, but I'd like to see if I can solve it using jump menus. There are some options in Dreamweaver to edit the css style sheets, could this be the code necessary to make the subs show up?? "display: list-item;"
Anyway, thanks

[sonofmidi]

The select menu does not support any text wrapping attributes. The select menu and file input are probably two of the least configurable form objects via css. Basically, DHTML dropdowns were developed to overcome this.