Select box inde i drop down menu

Hej Eksperter

Jeg er ved at lave en megadrop menu (dropdown menu), og inden i denne menu skal jeg have et select felt. Men men men!

Når jeg vælger select feltet i IE og Safari, så tager den focus fra dropdown menuen, så den går væk.

Eksempel her: http://test.coma.dk/frost/site2010/ vælg menu punktet produkter, og derefter select feltet i dropdown menuen.

----- KODE -----

Sådan her ser min kode ud:

<li><a href="#"><span>Products</span>All our exciting products, search and find.</a>
                <div class="navdrop">
                    <div id="searchwrapper">
                        <h4>Search product</h4>
                        <select class="selects" name="products" id="products">
                            <option>Products</option>
                            <option>Products</option>
                            <option>Products</option>
                            <option>Products</option>
                        </select>
                    </div>
                </div>
            </li>

jeg har prøvet at sætte dette kode på, men uden held:

<select class="selects" name="products" id="products" onfocus="document.getElementById("navdrop").style.display='block';">

Er der nogle der kan hjælpe mig?