Question

I made a pretty standard CSS dropdown menu but something wierd is happening in IE.

As you can see in the screenshot it only shows the shadow and everything inside the element is transparent. I dont use transparancy anywhere on the website and the element shows correct in the other browsers.

Answer 1

I figured it out. Turns out when you give an element a microsoft gradient filter it hides child elements that are outside the div. It all worked fine when i removed that piece of code.

On a side note, it also prevents border-radius from working in IE

The problem code:

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fafafa',GradientType=0 ); /* IE6-9 */