I've implemented a skin that is mostly CSS based on a 3.3.7 DNN install. I've installed the latest housemenu (1.4 beta).  The menu works great in IE7/Firefox/Opera but it falls apart in IE6.  It seems that there is a javascript file that is loaded if the browswer is detected as >IE7 and whatever that javascript file is doing is messing up the layout and the functionality of the menu. The menu is moved right by about half the screen and the menus don't work any longer.

Anyone else run into this? Any suggestions for a fix?
TIA

John

There is a very sinple solution for this problem (I use it all the time)
This is what Houdemenu renders if you are using IE 6:
<!--[if lt IE 7]><script language="javascript" type="text/javascript">
<!--
    function doHoverFix() {
        ieHoverFix('HouseMenuNav','False');
    }
    if (window.attachEvent) {window.attachEvent("onload", doHoverFix);}
//-->
</script><![endif]-->

The function is defined in this Javascript file:
/DesktopModules/HouseMenuSkinObject/skinobject.js

The solution is to open this javascript file and strip everything in the function.
An exception is that if you use css hovers on tags other then <A> you will have to correct this by adding a function to the JS file (to correct the fact that IE 5.5 & 6 don't support hovers on non <A> elements)
I created my own script, but you could also leave this part of the scrip in the file and delete the rest.
I put this manipulated JS file in the install zip of the housemenu so I don't have to modify it after installing (since I almost always use Housemenu).

---

HouseMenu runs the doHoverFix function in the onload for IE 5.5/6.
(I'm using the skinobject, not the module)

<!--[if lt IE 7]><script language="javascript" type="text/javascript">
<!--
    function doHoverFix() {
        ieHoverFix('HouseMenuNav','False');
    }
    if (window.attachEvent) {window.attachEvent("onload", doHoverFix);}
//-->

This calls the ieHoverFix function in the Skinobject.js file that comes with Housemenu.

I stripped out everything since I'm running a lot of JS for the housemenu (also for other browsers), but I think you could also leave the IE hover correct part in and remove the rest:

function ieHoverFix(menuId,adminMode) {
    var oMenu = document.getElementById(menuId);
    oMenu.style.position = "absolute";

    var ieULs = oMenu.getElementsByTagName('ul');
   
    /** IE script to cover <select> elements with <iframe>s **/
    for (j=0; j<ieULs.length; j++) {
        ieULs[j].innerHTML = ('<iframe src=" false;" scrolling="no" frameborder="0"></iframe>' + ieULs[j].innerHTML);
        var oShim = ieULs[j].firstChild;
            //oShim.style.width=(ieULs[j].offsetWidth+2)+"px";
            oShim.style.width=ieULs[j].offsetWidth+"px";
            oShim.style.height=ieULs[j].offsetHeight+"px";
            oShim.style.left = "-1px";
            oShim.style.position = "absolute";
            oShim.style.display = "block";
            oShim.style.zIndex = "0";
            oShim.style.filter = "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
            ieULs[j].style.zIndex = "11111";
    }
    /** IE script to change class on mouseover **/
        var ieLIs = oMenu.getElementsByTagName('li');
        for (var i=0; i<ieLIs.length; i++) if (ieLIs[i]) {
            ieLIs[i].onmouseover=function() {this.className+=" sfhover";}
            ieLIs[i].onmouseout=function() {this.className=this.className.replace(new RegExp("( ?|^)sfhover\\b"), '');}
        }
   
    placeObject(oMenu,adminMode);
}

---