Select Options Disappear on hover using Firefox in module

I have a simple select form field built in my own custom module. The problem is the options can't be selected when you hover over them. They just disappear.

Here is what I found:
- I copied the markup for the form in the dom using firebug and placed the code in the page's content and works fine - this is not an issue with the markup, this is an issue with modules.
- Works fine in Safari, IE, Chrome, but in Firefox - this is a Firefox issue.
- I compared the working form's css from the page content vs the css from the module and remove any differential styling - this is not a css issue.
- I moved the module to different positions but the bug still exists - this is not a position issue.
- I changed the template to bees and the problem is fixed - this must be a template issue.

I suspect the issue has something to do with how the template handles the javascript - specifically with form select options. It may be that it assumes the the select field is mobile so the hover is disabled over the option choices.

Here is the markup

    



        First name

        Last name

        Department