如何隐藏div元素下方的文本光标

我是 CSS 和 javascript 新手。
我有一个搜索文本框，可以在其中添加任何搜索值。输入错误值后，会弹出一个 div 并显示“未找到记录”（带有关闭按钮来关闭 div）。当我将光标放在文本框上而不关闭弹出窗口后。我的光标显示在 div 框上方。
|------------------|搜索框
|------------------|

我的文本框 CSS 属性。

z-index: 200630; position: absolute; width: 149px; height: 21px;
overflow: visible; top: 0px; cursor: default; left: 0px;

我的 div 元素 css 属性：

z-index: 201350; position: absolute; width: 270px; height: 20px;
overflow: hidden; top: 0px; cursor: default; left: 0px;

如何隐藏div元素下方的光标。问题仅发生在IE中

我创建了小的 jsfiddle。问题仅出现在 IE 8 中，而不是 FFhttp://jsfiddle.net/raj31/LUaej/1/ http://jsfiddle.net/raj31/LUaej/1/

我创建了一个小fiddle http://jsfiddle.net/lpiepiora/BE5Sf/，我相信这重现了您的问题。

我认为解决方案可能是简单地模糊显示对话框的搜索字段，就像我在第三行中所做的那样（将其注释掉以解决您的问题）：

 $('.seach').blur()