Hi,
This is a general CSS issue/IE bug that affects any script which generates layered effects - not just Mega Menu.

The div tag that wraps the slider/slideshow below the mega menu needs to have a "position:relative" and a z-index lower than the div tag wrapping the mega menu. This kind of tweak requires a bit of CSS knowledge. If you get stuck, just provide the URL where you've installed it and I can point you in the right direction.

JB

Thought I might add;
If you run into the menu div property 'overflow: hidden;', that can obscure a dropdown menu as well. Taking that out fixed a problem I had with a particular css template I was working with.

:P

I seem to be having the same issue but my CSS knowledge is very limited. I don't seem to understand how to fix this. Works fine in Firefox and Safari, looks great on those two browsers actually. But IE on the other hand makes it look like crap

http://www.kirkdavidson.com

Hi Kirk, it's best to open a new support request rather than piggybacking on someone else's so they don't get the email notifications about your questions.

I've checked your website and the whole layout is inside a table which isn't a particularly good way to lay out a page (in 2012). Using "div" tags is a much better way, with better support for more control in terms of placement/layout. In IE, the table cell mustn't be allowing an "overflow" of the cell which is why it's chopping off.

I'd suggest you create the layout with div tags instead and that should resolve your issue. Your situation is actually completely different to the previous ones in the forum thread.

Hope this helps.

JB