Drop Down Menu Alignment in Internet Explorer Pushed Left

Hi everybody,

First of all major props on the theme! I really like it’s simplicity and modern design.

Site is : brightnutritioninc.com
Pass: BN123 (temporary until we’re ready to go live)

In Firefox, Chrome, etc everything is working just fine. When I hover over the parent nav menus the drop down shows perfectly.

In Internet Explorer 9 and 10 the drop down works but is pushed all the way to the left. I can’t seem to figure out why.

Any thoughts?

Here’s the CSS for the site:

nav{position:relative;margin-top:10px;background-color:#FFD200;background-image:url(images/nav-bg.png);background-repeat:repeat-x;clear:both}
nav ul.menu{padding-left:0px;}
nav .parent > a, nav .parent > a:hover{background-image:url(images/arrow.png);background-position:right;background-repeat:no-repeat}
nav ul ul .parent > a, nav ul ul .parent:hover > a:hover, nav ul ul li:hover ul .parent > a, nav ul ul li:hover ul .parent > a:hover{background-image:url(images/arrow-right.png);background-position:right;background-repeat:no-repeat}
nav ul, nav ul li{display:inline;}
nav ul li a{display:inline-block;font-family: Futura Light, Futura-Medium, "Futura Medium", "Century Gothic", CenturyGothic, "Apple Gothic", AppleGothic, "URW Gothic L", "Avant Garde", sans-serif;font-size:17px;font-weight:normal;color:#000000;line-height:37px;text-decoration:none;padding:0 15px;}
nav ul.menu li a{width:100px}
nav ul li a:hover{color:#000000;text-decoration:none;background:#FFE693;}
nav .current-menu-item a, nav .current_page_item a{background:#FFE693;}
nav .current-menu-item .sub-menu a, nav .current_page_item .children a{background:#FFE693;}
nav ul > li:first-child a:hover{color:#000000;}
nav .sub-menu li a, nav .children li a{border:thin solid #7aa6d0;border-radius:0 !important}
nav li .sub-menu{margin-left:0;}
nav ul li{position:relative;}
nav li ul{display:none;position:absolute;top:auto;left:auto;}
nav li ul a{background:#FFE693;}
nav ul ul li:hover ul, nav ul ul ul li:hover ul{top:-2px;margin-left:192px}
nav ul li:hover ul{display:inline-block}
nav ul ul, nav ul li:hover ul ul, nav ul ul li:hover ul ul{display:none}
nav ul li:hover ul, nav ul ul li:hover ul, nav ul ul ul li:hover ul{display:block;z-index: 2147483647}
nav ul li:hover ul li a, nav ul ul li:hover ul li a, nav ul ul ul li:hover ul li a{font-size:13px;line-height:30px;width:165px;padding:0 14px;margin:-1px 0 0;opacity:1.0}
nav ul li:hover ul li a{}
nav ul ul li:hover ul li a{}
nav ul ul ul li:hover ul li a{}
nav ul li:hover ul li a:hover, nav ul ul li:hover ul li a:hover, nav ul ul ul li:hover ul li a:hover{background:#FFD220;}

Thanks!