internet-explorer-8 - 選択に関する IE8 の問題 - マウスをオプションに移動すると、選択ボックスが閉じます

Question

基本的に問題は、ホバー (またはホバリング div) 内に含まれる選択ボックスでは実際にオプションを選択できないことです。選択ボックスからオプションに移動すると、ホバーはフォーカスを失い、閉じます。私が理解しているように、オプションはIE8以前の選択ボックスの実際の部分とは見なされないため、IE8以下でのみ発生します。

ここで最も基本的な形式で示されています。

http://jsfiddle.net/3qVv7/88/

IE8 以前でのみ発生します。

理想的な解決策は、IE8以前の選択とオプションをリセットして、他のすべてのものと同じように動作する、より普遍的なスクリプトになると思います。Chrome、FF、IE9+などでは問題ありません。

ありがとう！

HTML

<div id="button_box"><h2>Hover This</h2>
    <div id="form_box">
        <form action="#" method="post">
            <select id="select_option" onChange="Javascript:doSomething();">
                <option value="a">Value A</option>
                <option value="a">Value B</option>
                <option value="a">Value C</option>
                <option value="a">Value D</option>
                <option value="a">Value E</option>
            </select>
        </form>               
    </div>
</div>

CSS

#button_box { display:block; width: 150px; height: 75px; position:relative; background: #ddd; }

#button_box h2 { text-align: center }

#button_box #form_box { display: none; position:relative; width: 150px; background: #ccc }

#button_box:hover #form_box { display:block }

#form_box select { background: #bbb }​