Css select drop down menu issue with ie9

Question

У меня проблема с выпадающим меню в ie9. Код ниже подходит для меня. Но на ie9 мне нужно дважды щелкнуть по меню dd, чтобы просмотреть параметры.

любое решение для ie9?

<script type='text/javascript'> 
    function SetWidthToAuto(drpLst) { 
     drpLst.style.width = 'auto'; 
    } 

    function ResetWidth(drpLst) { 
     drpLst.style.width = '150px'; 
    } 
    </script> 

    <div style="width:150px;overflow:hidden;"> 
    <select id="drpTechnology" style='width:150px' onchange='ResetWidth(this)' 
    onblur='ResetWidth(this)' 
    onmousedown='SetWidthToAuto(this)'> 
    <option value="-1">Browse me..</option> 
    <option value="1">Short Option</option> 
    <option value="2">Little bigger than short Option</option> 
    <option value="3">Largest option available with this select box</option> 
    </select> 
    <div> 

Благодаря

Answer 1

Просто замените onmousedown на onclick.

Вы также можете удалить this в вызовы функций и просто использовать функции this.

Попробуйте JSfiddle: http://jsfiddle.net/d2UUs/1