Question Is there a solution to the Bleeding Cursor problem for Firefox 2 and IE 6?

[UncleRonin]

I have a CSS menu comprised of <div>, <a>, <ul> and <li> elements. The menu works just fine except for when an <input> element currently has focus and the carat marking the current position in the element blinks and bleeds through the menu when it is displayed.

Changing the z-index of the menu elements or the <input> elements has no effect.

Is there a solution to this? I have searched all over to no avail and while this is not mission critical it is confusing to users and really just poor form over all.

 

[UncleRonin]

Edit: This also applies to IE7 and IE8. FF3 and Opera 10 don't suffer from this problem at all.

 

[urstop]

This might not be a straight solution, but, you can try adding in a javascipt function which will be called when the menuitems and activiated and deactivated.

At activation, this javascript function can hide all the input controls on the form and make them visible again once the user is out of the menu area.