Drop Down Menu Help for IE 6

[svoltmer]

Hi,
I've got my dropdowns for my navigation to work properly in Safari, Firefox, Opera and IE 7 but they don't work in IE 6. I am using the Suckerfish sfHover.js which I thought was supposed to fix IE 6? What am I doing wrong?

Here is a link:
http://www.crosst.org/test/

Here is the CSS:
http://www.crosst.org/test/ctstyles.css

Any help will be appreciated!! Thanks.

[abduraooft]

<title>Welcome to Cross Tabernacle</title>
<script type="text/Javascript" >
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>
This works for me, though there is a push down effect in IE (might be due to extra position rules made by you).
No need to pollute your code with extra conditional comments, since the original suckerfish code doesn't ask to do it.
See http://www.htmldog.com/articles/suckerfish/dropdowns/example/bones2.html
And don't make serious changes in the original CSS like changing the selectors, since this make it hard to debug. Good luck!

[svoltmer]

Thanks, I had put that code in yesterday before I saw your post, but It still was not displaying intil I put in "top:0" for the li:hover and li.sfhover states.

I could use some help trying to figure out where the separating is coming from when li's are hovered in IE 6. I've been trying for days. Any suggestions? Thanks!:)

Also..why are my 2 content columns separating instead of being on the same line? Thanks Again!!