Undermenu i CSS/Java menu driller!

Halløjsa

Jeg kan ikke få min menu til at makke ret:-(
det direkte link til problembarnet er:
http://gmv.2lderlund.dk/dk/dk_contact.htm

Når siden vises med FF2 og IE7 er der ingen problemer.
Når siden vises med IE6 kommer der en sort box under menuen som vist her:
http://gmv.2lderlund.dk/oev/screenshot.gif

Jeg har mit stylesheet mistænkt for at være problemet, men jeg kan bare ikke finde nogen løsning:

@charset "utf-8";
/* CSS Document */

body {
    background-color:#282c36;
}

p {
    font-family:Tahoma, Verdana;
    font-size:11px;
    color:#FFFFFF;
    line-height: 18px;
    text-align:left;
}

.h1 {
    font-family:Tahoma, Verdana;
    font-size:20px;
    font-weight:bolder;
    color:#83858c;
    margin-left: 20px;
    }
   
.bottomtext {
    font-family:Tahoma, Verdana;
    font-size:9px;
    font-weight: normal;
    color:#333333;
    text-align:center;
    }
   
a {
    font-family: Tahoma, Verdana;
    font-size: 0.7em;
    font-style: normal;
    font-weight: normal;
    color: #000000;
    text-decoration:none;
}
a:hover {
    text-decoration: underline;
}

.awhite {
    font-family: Tahoma, Verdana;
    font-size: 11px;
    font-style: normal;
    font-weight: normal;
    color: #FFFFFF;
    text-decoration:none;
}

.amain {
    font-family: Tahoma, Verdana;
    font-size: 11px;
    font-style: normal;
    font-weight:bold;
    color:#FF0000;
    text-decoration:none;
}

td {
    font-family:Tahoma, Verdana;
    font-size:11px;
    color:#FFFFFF;
    line-height: 18px;
    text-align: left;
    vertical-align:top;
    border-top:none;
    border-bottom:none;
    border-left:none;
    border-right:none;
}

.padtd {
    margin-left: 20px;
    margin-top: 0;
    }
   
--> layout controls

body {
    text-align:center;
    }

#master {
    position: relative;
    visibility: visible;
    z-index: auto;
    height: 100%;
    width: 781px;
    top: 40px;
    background-color: #000000;
}
    #topbanner {
        width:781px;
        height: 94px;
        float:left;
        background-image:url(../Layout/gmvbanner.jpg);
        background-repeat:no-repeat;
        text-align:right;
        }
        #langselect {
            position:relative;
            float:right;
            left:0px;
            top:0px;
            width:100px;
            height:94px;
            z-index:3;
        }
    #mainmenu {
        width:781px;
        height: 28px;
        float:left;
        text-align:left;
        z-index:100;
        background-color:#000000;
        background-image:url(../Layout/menubg.jpg);
        background-repeat:repeat-x;
}
    #menudecor {
        width:781px;
        height:9px;
        padding-top:0px;
        float:left;
        z-index:1;
        background-image:;
        background-repeat:no-repeat;
        background-color:#00CC00;
}
    #content {
        width:781px;
        padding-top:0px;
        float:left;
        z-index:1;
        background-image:url(../Layout/contentbg.jpg);
        background-repeat:repeat-y;
        background-color:#000000;
}
    #bottomframe {
        width:781px;
        height:18px;
        margin-top:0px;
        float:left;
        background-image:url(../Layout/bottombg.jpg);
        background-repeat:repeat-x;
        background-color:#000000;
}

#floater {
        width:600px;
        margin-top: 50px;
        padding-top:0px;
        margin-bottom: 10px;
        float:right;
        z-index:2;
        background-image:url(../Layout/floterbg.jpg);
        background-repeat:repeat-y;
        background-color:#62656e;
}

#download {
        width:450px;
        margin-top: 0px;
        padding-top:0px;
        margin-bottom: 10px;
        float:right;
        z-index:2;
        background-image:url(../Layout/floterbg450.jpg);
        background-repeat:repeat-y;
        background-color:#62656e;
}

#links{
        width:450px;
        margin-top: 0px;
        padding-top:0px;
        margin-bottom: 10px;
        float:right;
        z-index:2;
        background-image:url(../Layout/floterbg450.jpg);
        background-repeat:repeat-y;
        background-color:#62656e;
}

.chromestyle{
width: 779 px;
font-weight: bold;
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.chromestyle ul{
border: 1px solid #BBB;
width: 779px;
background:url(../Layout/chromebg.gif)) center center repeat-x; /*THEME CHANGE HERE*/
padding: 4px 0;
margin: 0;
text-align: right; /*set value to "left", "center", or "right"*/
}

.chromestyle ul li{
display: inline;
}

.chromestyle ul li a{
color: #494949;
padding: 4px 7px;
margin: 0;
text-decoration: none;
border-right: 1px solid #DADADA;
}

.chromestyle ul li a:hover{
background: url(chromebg-over.gif) center center repeat-x; /*THEME CHANGE HERE*/
}

.chromestyle ul li a[rel]:after{ /*HTML to indicate drop down link*/
content: "";
/*content: " " url(downimage.gif); /*uncomment this line to use an image instead*/
}


/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:fixed;
top: 0;
border: 1px solid #BBB; /*THEME CHANGE HERE*/
border-bottom-width: 0;
font:normal 15px Verdana;
line-height:18px;
z-index:100;
background-color: white;
width: 150px;
visibility: hidden;
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=88);
}

.dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
border-bottom: 1px solid #BBB; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
font-weight: bold;
color: black;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #F0F0F0;
}

Menuen ligger i den div der hedder mainmenu. Den er angivet til at være ganske lav. Men hvorfor skaber IE6 sig så sådan?

Håber I kan hjælpe. Jeg ved at menuen er 'lånt' fra DynamicDrive (http://dynamicdrive.com/dynamicindex1/chrome/index.htm) og at det måske ikke er helt korrekt, men jeg er ikke programmør som det vist også fremgår.
Hvad gør jeg?

På forhånd tak,

TB