CSS Form Onmouseover Hover Problem on Firefox

[kevint]

I wrote a script so that whenever I hover on a link, a form appears in a large box (this is accomplished with only CSS). The form stays open on the page as long as your mouse is still on the box. However, it disappears if the browser has any "autocomplete" inputs and you mouseover on those inputs.

I'll show you an example of what i'm talking about.

You see when the mouse moves over the "kevin," then the whole form disappears because the hover stops which I don't want. Keep in mind that I am only using CSS and not Javascript for this hover effect and would like to keep it that way.

Any help on how this problem can be fixed or if there's no solution please tell me also so I can then work on switching this script to javascript.

Also more info, my browser is Firefox. THanks!

[djr33]

I don't think there's anything you can do about this since the auto-complete will be above anything else you could put there. You could use Javascript to force it to stay, or you could attempt to disable the autocomplete-- is that what you want? I believe you can add autocomplete="off" to the tag to disable it. I'm not sure all browsers will respect that though.