drop down menu, wont stay open, how to fix?

[TheIceman5]

I am trying to build a drop down menu that when you hover over an image it drops down the widget thingy to select stuff. the book now button I just flogged off internet and linked to it.
that works ok. but.
when you select something from the drop down menu that goes beyond the bottom of the div its in the whole thing closes.
I don't want this to happen.
but I do want it to close if someone hovers over it then takes mouse away or clicks elsewhere or hovers over something else so its not always there on screen when you don't want it to be.
anyone know how to fix? been working on it for a couple hours now with no luck.
heres the code for it.
[jsfiddle.net...]

[not2easy]

You would need to include the css that you are trying to fix if you want suggestions.

[TheIceman5]

css is there, just one line for now. weird thing, it wont work in internet explorer but it works in chrome I just noticed.

[swa66]

Ah doesn't work in IE ... what versions of IE doesn't it work in ?
And fwiw: code posted elsewhere, we don't do that out here: it can change, go away etc. making the entire thread useless. See guidelines.

[DrDoc]

<select>

elements are "special" ... I will tell you right now that there is no way you can get this to work in all browsers as-is while maintaining use of

<select>

dropdowns.

Even though the

<select>

is a child of

#quotewrap

, mousing over any of the options in the actual dropdown will trigger

mouseleave

.

I'm sorry, but you need to find a different solution to replace your

<select>

s, or else a different trigger for closing the flyout.

[TheIceman5]

ive given up on this, thanks anyway. not going to work as planned.