CSS pulldown menus with input
-
I'm having a small problem with input fields inside pulldown menus derived from cascading style-sheets. I'm using li and ul to generate lists and the style-sheets to hide and show the child ul whenever the :hover pseudo-class is met. For some odd reason or another, I decided to put input fields into these pulldowns. This gives me a bit of a problem. If the input field is selected, and the mouse is moved off of the li and ul with the :hover pseudo-class, the li and ul will disappear. This makes sense. I just can't figure out what I can do to make sure the field and parent ul remain visible when the control has focus, regardless of where the cursor is. I've tried the :focus and :active pseudo-class with no love. This only needs to work on IE7. Any advice would be much appreciated. If it's not possible, I can always just throw out the hidden field idea. They don't seem to intuitive as ui elements anyway.