javascript - How to hide text cursor below div element -

i new css , javascript.
have 1 search text box in can add search value. after entering wrong value 1 pop div comes , says "no records found" (with close button close div). after put cursor on text box without closing pop up. cursor displays above div box.
|------------------|search box
|------------------|

my text box css properties.

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

my div element css prop:

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

how hide cursor below div element.issue occurs in ie

i have created small jsfiddle.issue occur in ie 8 not ff http://jsfiddle.net/raj31/luaej/1/

i've created small fiddle, believe reproduces problem.

i think solution blur search field on showing dialog, did in 3rd line (comment out problem):

 $('.seach').blur()