Problems with sub menus in Internet Explorer

Question

My menu bars work great in Chrome and Firefox however my submenus are jacked up in Internet Explorer. Can someone please give me some direction? Thanks.
The website is www.aptyssolutions.com

Answer 1

Have a look here http://www.dwcourse.com/dreamweaver/ten-commandments-spry-menubars.php#one
Then have a look at what you have got
BROWSER HACKS: the hacks below should not be changed unless you are an expert
/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
    position: absolute;
    z-index: 1010;
    filter:alpha(opacity:0.1);
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
    ul.MenuBarHorizontal li.MenuBarItemIE
       display: block;
        f\loat: auto;
        background:
and
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    cursor: default;
    width: AUTO;
    position: absolute;
    left: -1000em;
   top: 23px;
    height: 35px;
    background-image: url(/images/bluebar.png);
There is more, but the above is most likely what is causing the problem.
I suggest that you resurrect the original SpryMenuBarHorizontal.css and start again.