CSS Menu Autocomplete Problem

[seminaljim]

Hi guys, this is really buggin me!

I have a menubar that uses css rules to show sub menu items when the mouse hovers over the menu items. Works fine, but on one of the menu items I have a login form, for the user and password, which also works fine. Problem is that when i click on the input box, the browsers autocomplete menu appears and when hovering over the autocomplete options, the sub menu dissapears.

Ive set up a page to show you...
www.snapse.net/

so if you enter detail on the login, and click 'login' (you get 404), and then go back and try again the autocomplete should show, but when you hover over the options the menu should dissapear.

Is there any way either to stop the autocomplete from showing, or css rules that will stop the menu dissapearing?

Thanks?

PS. This is my first attempt at a site

[SB65]

I don't see the behaviour in Chrome or Opera or IE8, so it looks like FF is the only affected browser. Have try adding the attribute autocomplete="off" to your form element - it looks like that fixes it using Firebug.

[seminaljim]

Thank you very much! I had tried this, but i put the autocomplete on the wrong element. I put it on the input tag rather than the form tag. So that fixed it in IE9 aswell. Cheers.

PS if anyone knows a way to allow the autocomplete and keep the div shown let me know...