Submenu in Internet Explorer

I seem to be having a strange problem with Internet Explorer (go figure ).  I've looked at other Dolphin sites and their menus seem to work just fine in IE so I'm not sure what may be the source of the problem with this site.

When you hover over the nav links normally a submenu will drop down nice and neat.  Works fine in FF but in IE the submenu drops down behind the promo box.

You can see it in action (or inaction) at http://www.avillagetoraise.com/social.

It's hard to catch as it just looks like the sub-menu doesn't work at all but if you look closely at the top of the promo box you will see the background between the promo box and the nav bar change.

Any help with this would be greatly appreciated.

Open templates/tmpl_uni/index.css and find the following section (it's at the top of the file)

@charset "iso-8859-1";
@import url(../../base/css/index.css);
@import url(login_section.css);
 
 .bodyBlock
 {
  margin-top:18px;
 }

change:

margin-top:60px;

This will fix your problem by moving the promo box down slightly so the submen does not lay above or below it.

Good Luck and Enjoy.

mydatery;

Thanks for the quick reply.  While your suggestion didn't resolve my problem it did point me in the right direction.

The problem was in my css.  I had added a wrapper around the .main div and called it .main-top.  This was to help facilitate some of my design layout and background images.

Anyway to make a long story short I place a position:relative in the .main-top that appears to have caused the problem.  Don't know why I put that in there and removing it solved the problem and didn't change anything else on the site.