Cursor Bleeding Thru Ajax Popup

[newseed]

Please review this in IE:ht tp://67.22.139.57/sto re/pc/viewPrd.asp?idproduct=1&idcategory=3 (remove two spaces)1. Scroll down where the color choice options are.2. Point and click your mouse over the input field of the 2nd color (031-Red). Don't enter anything and don't click anywhere else. You should see the vertical '|' cursor line flashing.3. Now move your mouse over the text '031-Red' that is on the left. It will popup a ajax popup to the right showing a full size square color image with some text info.4. Pay close attention to that popup and you will see the cursor line bleeding thru and flashing. It should not do that.Not much on the net about this issue and I have no clue what to do or look for.Here's what I done so far:A. Set the popup's z-index to be the highest number.B. Removed the overflow div frame from the color list.C. Disabled all css (except for the ajax popup).This only occurs in IE.Any suggestions?

[newseed]

Ouch! nearly 400 views and no solution? I've been doing this for 8 years and even I still can't figure it out. Thanks for taking the time to look at it.

[Ingolme]

It can't be fixed without forcing the input to lose focus.The best way to do that is to move the focus to another element that you're sure won't be under the box. Choose your element and then, when the mouse hovers over the box set the focus of that element using the focus() method: element.focus() where "element" is a reference to the element you want to focus. The less efficient solution would be to loop through every single <input> element can call the blur() method instead.

[newseed]

Thanks for the reply. I will give it a go once I am back on the project later this month.