views:

337

answers:

3

I am trying to create a "quick links" dropdown for a site I'm designing and it has to be compatible for all browsers IE6 and up. It needs to remain 120px wide because its position will be static. Using the < select > command and setting a width, this works; however, when the box is opened, IE cuts off the longer texted links where Firefox resizes them correctly. Is there anyway to define the dropdowns at a different width than the 120px top of the box that works with all browsers?

If not, is there a simple script for a customizable dropdown menu that doesn't require 10 pages of javascript?

Thanks!

A: 

Here's the best article I've found:

http://www.alistapart.com/articles/dropdowns

Steve Moyer
+2  A: 

check out http://lwis.net/free-css-drop-down-menu/

prash
A: 

If the A List Apart suckerfish is of interest, you should take a look at the updated son of suckerfish for inspiration. 12 lines of javascript code + multiple line support.

For reference, here is a thread that discusses the problems & offers solutions to support the nuances of ie6 & ie7 with son of suckerfish (but applicable to all menuing implementations).

jimg