Dropdown menu virker ikke s:

Jeg er i gang med at lave et nyt design til min side ;)
Alt går fint indtil jeg vil have min dropdown menu placeret et specielt sted.
Jeg har jeg også ordnet, men hvis jeg så ser mit design i IE så går der kage i den. Når man har musen over så kommer dropdownen ikke lige ned under min knap men et helt andet sted, hvilket så tyder på at i ikke hænger sammen.
Jeg har prøvet forskellige ting, men kan simpelthen ikke finde en løsning!
Mit design ligger på denne side:
http://www.gratis-programmer.dk/folder/

Her er min css.css fil:
#top {
    width: 900px;
    margin: 0 auto;
    background-image: url(../img/over.gif);
    height: 135px;
    z-index: 2;
}
#topmenuindex {
      margin: 0 auto;
      position: relative;
      top: 78px;
      left: 166px;
      background-color: none;
      z-index: 3;
}
#mellem {
        margin: 0 auto;
        background-color: #D9ECF4;
        z-index: 1;
}

Her er min mhalist.css fil:
html, body {
        margin:0;padding:0;
        font:100%
}
font {
    font-family: Georgia;
    font-size: 10px;
    font-style: normal;
    color: #03055E;
}

/* ListTree + ListMenu */
.ListTree, .ListMenu,
.ListTree ul, .ListMenu ul,
.ListTree li, .ListMenu li {
        margin:0;
        padding:0;
}
.ListTree li, .ListMenu li {
        list-style-type:none;
        list-style-position: outside;
        list-style-image: none;
}

/* ListTree */
.ListTree a img {
        border:0;
        position:absolute;
}
.ListTree ul li {
        margin-left:0em;        /* Indent */
}

/* ListMenu */
.ListMenu {
    border:0px;
}
.ListMenu .hasSubs ul {
        background-image: url("bag1.png");
        position: absolute;
        height: 119px;
        width: 149px;
        visibility: hidden;
}
.ListMenu a        {
        text-decoration: none;
        height: 100%;
        display: block;
        width: 80%;
}
.ListMenu a:hover        {
      background-color:#c5e7f6;
}
.ListMenu li.active {
      background-color: none;

}
.ListMenu.horizontal {
float: left;
border-left: 0;
border-right: 0;
}
.ListMenu.horizontal li        {
/*        display:inline;*/
        border:0;
        width:9em;
        float:left;
}
.ListMenu.horizontal li a        {
        display:inline;
        padding:0 0em 0 0;
}
.ListMenu.horizontal ul li a        {
        display:block;
        padding:0;
}
.ListMenu ul,
.ListMenu ul li,
.ListMenu.vertical ul li,
.ListMenu.horizontal ul li        {
        display:block;position:relative;
        left: 10px;
        top: 9px;
        width:10em;                                                  /* Default width for menu */
}


/*
        Mid Pass Filter for IE5.x by Tantek
        http://tantek.com/CSS/Examples/midpass.html
*/

@media tty {
i{content:"\";/*" "*/}} @import 'mhalist_IE5x.css'; /*";}
}/* */

Håber der er nogle der kan hjælpe mig!