Problemer med korrekt visning af menu i IE 6 og 7

Hej :)

Jeg har det problem at min menu ikke helt viser rigtigt i Internet Explore 6 og 7- hvad kan jeg gøre for at rette det?

CSS Kode:



.menuboks {
    margin:0px 0px 75px 0px;
    padding:0px;
    float:left;
    width:950px;
    border-top:5px solid white;
    background-color:rgb(100,100,100);
}






    #divNav {
        background-color:rgb(100,100,100);
        margin: 0px;
        padding: 0px;
        height: 40px;
        width: 950px;
    }

    #nav {
        position: relative;
        top: 0px;
        height: 40px;
        width: 950px;
        margin:0px
        padding:0px;
        font-size:18px;
       
    }

    #nav li ul, #nav li ul {
        margin: 0;
        padding: 0;
       
    }

    #nav a {
        text-decoration: none;
    }

    #nav li { /*float the main list items*/
        margin: 0;
        float: left;
        display: block;
        background-color:rgb(239,239,239);
        padding:0px;
    }

    #nav li ul {
        display: none;
        width:950px;
        background-color:rgb(100,100,100);
    }

    #nav li.off ul, #nav li.on ul  { /*put the subnav below*/
        position: absolute;
        margin:0px;
        top: 40px;
        left: 0;
        padding:5px;
        background-color:rgb(239,239,239);
        height: 30px;
        width: 940px;
    }

    #nav li.on ul {
        background-color:rgb(239,239,239);
        height:30px;
        float:left;
        padding:5px;
    }

    #nav li.on:hover ul, #nav li.over ul { /*for ie*/
        background-color:rgb(239,239,239);
    }

    #nav li a {
        color: white;
        font-weight: normal;
        display: block;
        width: 93px;
        background-color:rgb(100,100,100);
        padding: 0px;
    }

    #nav li.on a {
        background-color:rgb(100,100,100);
        color:rgb(239,239,239);
    }

    #nav li.off ul a {
        border: 0;
        float: left; /*ie doesn't inherit the float*/
        background-color:rgb(239,239,239);
        width: auto;
        height:30px;
        margin-right: 15px;
   
    }
   
    #nav li.on ul a {
        border: 0px;
        float: left; /*ie doesn't inherit the float*/
        background-color:rgb(239,239,239);
        width: auto;
        height:30px;
        margin-right: 15px;

   
    }
   







    #nav li.on:hover ul a, #nav li.over ul li a { /*for ie - the specificity is necessary*/
        background-color:rgb(239,239,239);
    }

    #nav li.on ul {
        display: block;
        float:left;
       
   
    }

    #nav li.off:hover ul, #nav li.over ul {
        display: block;
        z-index: 6000;

    }

    #nav li.on a:hover {
        text-decoration:underline;
    }
   
    #nav li.off a:hover {
        text-decoration:underline;
    }

    /*do the image replacement*/


    #liRenaissance a, #liArtNouveau a, #liModern a, #liPostModern a, #liDigital a {
        display: block;
        position: relative;
        height: 40px;
        padding:10px;
            background-color:rgb(100,100,100);
    }

/*first, put the initial states in place*/

#liRenaissance a {
    background-position: 0 0;
}

#liArtNouveau a {
    background-position: -102px 0;
}

#liModern a {
    background-position: -204px 0;
}

#liPostModern a {
    background-position: -306px 0;
}

#liDigital a {
    background-position: -408px 0;
}

/*active area - for this demo - the code could be based on a body class, and probably work better.*/

#liModern.on a {
    background-position: -204px -37px;;
} /*add selectors for the other li's and background-positions*/

/*hover states*/

#liRenaissance a:hover, #liRenaissance:hover a, #liRenaissance.over a {
    background-position: 0 -73px;
}

#liArtNouveau a:hover, #liArtNouveau:hover a, #liArtNouveau.over a {
    background-position: -102px -73px;
}

#liModern a:hover, #liModern:hover a, #liModern.over a {
    background-position: -204px -73px;
}

#liPostModern a:hover, #liPostModern:hover a, #liPostModern.over a {
    background-position: -306px -73px;
}

#liDigital a:hover, #liDigital:hover a, #liDigital.over a {
    background-position: -408px -73px;
}

/*subnav formatting*/

#nav li.off ul a, #nav li.on ul a {
    display: block;
    background-color:rgb(239,239,239);
    color: rgb(60,108,150);
    font-family: arial, verdana, sans-serif;
    font-size: small;
    height:16px;
    padding:7px;
}       

#nav li.on ul a {
    background-color:rgb(239,239,239);

}
   


HTML-kode:

<div class="menuboks">
           

<div id="divNav">
    <ul id="nav">
    <li id="liRenaissance" class="on"><a href="#"><span>Forside</span></a>
    <ul>
        <li><a href="#">Om Spillet</a></li>
        <li><a href="#">Betingelser</a></li>
        <li><a href="#">Vision</a></li>
    </ul></li>
    <li id="liArtNouveau" class="off"><a href="#"><span>Handel</span></a>
    <ul>
        <li><a href="#">Danske Aktier</a></li>
        <li><a href="#">Belgiske Aktier</a></li>
        <li><a href="#">Engelske Aktier</a></li>
        <li><a href="#">Hollandske Aktier</a></li>
        <li><a href="#">Finske Aktier</a></li>
        <li><a href="#">Franske Aktier</a></li>
        <li><a href="#">Svenske Aktier</a></li>
        <li><a href="#">Norske Aktier</a></li>
        <li><a href="#">US Aktier</a></li>
        <li><a href="#">Euronext 100</a></li>
        <li><a href="#">Obligationer</a></li>
        <li><a href="#">Valuta</a></li>
       
       
       
       
   
       
    </ul></li>
    <li id="liModern" class="off"><a href="#"><span>Hjælp</span></a>
    <ul>
        <li><a href="#">FAQ</a></li>
        <li><a href="#">Kontakt</a></li>
        <li><a href="#">Brevkasse</a></li>

    </ul></li>
    <li id="liPostModern" class="off"><a href="#"><span>Forum</span></a>
    <ul>
        <li><a href="#">Sidste indlæg</a></li>
    </ul></li>
    <li id="liDigital" class="off"><a href="#"><span>Opret bruger</span></a>
    <ul>
        <li><a href="#">Betingelser</a></li>
        <li><a href="#">Regler</a></li>

    </ul></li>
</ul></div>


               
               
               
               
                </div>




På forhånd tak for hjælpen :)