ul problem ie

Hej eksperter,

jeg sidder med et pi*** irriterende problem med Internet Explorer kontra Firefox. Jeg har på et nyt site lavet en submenu, bestående af ul og li

niveau 1 ser således ud:

<ul>
    <li>Punkt1</li>
    <li>Punkt2</li>
    <li>Punkt3</li>
    <li>Punkt4</li>
    <li>Punkt5</li>
</ul>

og til det er der en CSS styling der fungerer fint:

.subMenu ul li a {
    display: block;
    background-color: #dbe4e4;
    padding: 3px 0px 4px 15px;
    background-image: url(/dfi/fileadmin/gfx/bg-sub-no.jpg);
    border-bottom: 1px solid #ffffff;
    color: #000000;
    text-decoration: none;
}

.subMenu ul li a:hover {
    display: block;
    background-color: #b4c4c4;
    padding: 3px 0px 4px 15px;
    background-image: url(/dfi/fileadmin/gfx/bg-sub-hover.jpg);
    border-bottom: 1px solid #ffffff;
    text-decoration: none;
}

.subMenu ul li.active a {
    background-image: url(/dfi/fileadmin/gfx/bg-sub-hover.jpg);
    font-weight: bold;
    color: #ffffff;
}

Altså således at der kommer en anden styling på det aktive menupunkt, end de normale.

Virker perfekt i begge browsere.

Niveau 2 ser således ud:

<ul>
    <li>Punkt1</li>
    <li>Punkt2</li>
    <li>Punkt3</li>
    <li class="active">(aktiv) Punkt4</li>
    <ul>
        <li>Subpunkt 1</li>
        <li class="activeSub">(aktiv) subpunkt2</li>
        <li>Subpunkt 3</li>
    </ul>
    <li></li>
</ul>

og til det en anden styling..

.subMenu ul ul li a:link {
    display: block;
    background-color: #dbe4e4;
    padding: 3px 0px 4px 35px;
    background-image: url(/dfi/fileadmin/gfx/bg-sub-no.jpg);
    border-bottom: 1px solid #ffffff;
    color: #000000;
    text-decoration: none;
    font-size: 10px;
    font-weight: normal;
}

.subMenu ul ul li a:visited {
    display: block;
    background-color: #dbe4e4;
    padding: 3px 0px 4px 35px;
    background-image: url(/dfi/fileadmin/gfx/bg-sub-no.jpg);
    border-bottom: 1px solid #ffffff;
    color: #000000;
    text-decoration: none;
    font-size: 10px;
    font-weight: normal;
}

.subMenu ul ul li.activeSub a {
    display: block;
    background-color: #dbe4e4;
    padding: 3px 0px 4px 35px;
    background-image: url(/dfi/fileadmin/gfx/bg-sub-hover.jpg);
    border-bottom: 1px solid #ffffff;
    color: #ffffff;
    text-decoration: none;
    font-size: 10px;
    font-weight: bold;
}


.subMenu ul ul li a:hover {
    display: block;
    background-color: #dbe4e4;
    padding: 3px 0px 4px 35px;
    background-image: url(/dfi/fileadmin/gfx/bg-sub-hover.jpg);
    border-bottom: 1px solid #ffffff;
    text-decoration: none;
    font-size: 10px;
}

Virker perfekt i Firefox men i IE sker der ikke noget med det aktive link.

Er det min CSS den er galt med eller er det bare min væmmelse for IE der er begrundet?