I have a site that is kink-free until you check it in ie8. There, the drop down menu drops down behind the content and thus is rendered invisible but is still there because the cursor changes over where the drop down should be. I've tried position:relative; z-index:1000;, i've tried filter:none; I've been reading for answers online for longer than I'd like to think. It works in ie7, ie9 and ie10, ff and chrome. I am about to throw my computer through the window and take up recycling for a living.

Any and all help will be much appreciated.