IE Browserfejl

Hej Eksperter

Jeg får følgende fejl i ie:

'document.getElementById(...)' er null eller ikke et objekt

fra et javascript (tak zips), og jeg kan bare ikke se fejlen...


Jeg har et stylesheet som følger:

<style type="text/css">
{
    font-family: arial, verdana, sans-serif;
    font-size: small;
    color: #333333;
}
ol {
    border: 1px solid #000000;
    padding: 0px;
    margin: 0px;
    list-style-type: none;
    background-color: #E7E7E7;
    font-size: small;
    font-weight: bold;
}
ol ol {
    float: left;
    position: absolute;
    top: 20px;
    left: 0px;
    display: none;
}
ol li {
    position: relative;
    float: left;
}


li a {
    display: block;
    padding: 5px;
    background-color: #e7e7e7;
    height: 10px;
    width: 145px;
    text-decoration: none;
    color: #777;
}
a:hover {
    background-color: #B1E3FF;
    color: #000000;
}

li:hover ol, #nav li.sfhover ol  { display: block; }

</style>

Og et javascript som får det til at virke i ie6.0:

<script type="text/javascript"><!--//--><![CDATA[//><!--

sfHover = function() {
    var sfEls = document.getElementById("nav").getElementsByTagName("LI");
    for (var i=0; i<sfEls.length; i++) {
        sfEls[i].onmouseover=function() {
            this.className+=" sfhover";
        }
        sfEls[i].onmouseout=function() {
            this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
        }
    }
}
if (window.attachEvent) window.attachEvent("onload", sfHover);

//--><!]]></script>