Remove underline from hover in firefox

Question

I added a hoverboard on my site that flips over to reveal more text. It only works well with Chrome, so I tried turning it off in Firefox. It doesn't flip anymore in Firefox, but it makes the box have a gray underline on hover.

I just can't figure out which CSS is having this effect.

My site is:

(removed) - hover over "Sort Products By Availability" to see what I'm referring to.

Thanks!!

Answer 1

You're only using -webkit- prefixes in 89e843b0.5175cb.css, which results in other browsers not displaying this element with rounded corners, perpective directives, etc.

When necessary, use -moz-, -ms-, -o-, as well as unprefixed properties.

For an exhaustive list of prefixed properties in all browsers, see http://peter.sh/experiments/vendor-prefixed-css-property-overview/.

Answer 2

That stylesheet Remove background:#ddd from #hover-flip:hover