Superfish-style dropdown menu won't show in IE

Question

I've disabled the superfish js for now so it's pure CSS. The URL is http://pittsculture.studiotwo.com/category/outdoors-recreation/. It looks fine in FF and Chrome. But, believe it or not, IE has a problem with the dropdowns (e.g., under Outdoors and Recreation). Can anyone tell why?

Answer 1

On #main-nav, you need to remove the filter rule. The filter is causing Internet Explorer to behave as though you have applied overflow: hidden to the element.

Now your dropdown menu works, but it's lost the gradient.

You can add the gradient back in a way that won't cause the same problem by adding the same filter you just removed to #menu-category-navigation. As far as I can tell, it looks identical.