When you hover over a menu of options, it loses focus

I have a menu, and one of the items on the menu is the item select. Only in IE 8, when I click on select options, the menu loses focus and closes. It works fine in Firefox. Any help would be appreciated

You can reference this script for code.

Note . I am open to solutions using jsandjquery

EDIT : I don't want an alternative choice.

+5
source share
1 answer

Discard the SELECT option. Try replacing it with an additional list:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>

    <body>
    <ul> Numbers
        <li>1</li>
        <li>2</li>
        <li>3</li>        
        <li>
            Select  -->
            <ul>
                <li>
                    One
                </li>
                <li>
                    Two
                </li>
                <li>
                    Three
                </li>
            </ul>
        </li>
    </ul>
</body>
</html>

This works in both Chrome and IE.

-1
source

All Articles