I have some troubles with a website I’m working on.
The dropdown in the menu works fine in all browser except < IE10. I’m trying to get it to work on IE8+.
The thing is, the dropshadow and border of the dropdown is shown, but all content inside it is hidden when outside the header.
I’ve tried the classic bug-fix, which is to set the main-wrapper to position relative, and give the header-wrapper a higher z-index, but nothing happens.
The website: http://playground.pixby.se/startup/index.html
I’ve played around your CSS and when you turn off the filter property used for the gradient on the header element, the menu displays on IE8.