jquery - IE8/9 でテキスト ボックスのカーソルがドロップダウン メニューの上に表示される

Question

これがフィドルです：
http://jsfiddle.net/simply_simpy/kkf3A/3/

1. IE 8/9 を使用し、入力テキスト ボックスをクリックします。
2. 「業種」にカーソルを合わせる
3. カーソルがドロップダウン メニューの上に表示されることに注意してください。
4. ビジネス/ビジネスにカーソルを合わせると、同じ問題が発生します。

html/css ソリューションを見つけて JS を回避しようとしています。

ありがとう！

Answer 1

これは奇妙なバグのようです。ただし、JS ソリューションを試してください

1. 入力テキスト ボックスに「検索」の #id を追加します。

2. "ready" 関数内の jQuery に以下を追加します。

   $('.dropdown a').hover(function(){ $("#search").blur(); });