IE7 a problem s hover menu

Ahoj všem,

už pěkně dlouho se trápím s jedním problémem. Mam rozbalovací hover menu částečně řešené pomocí JS (kvůli IE6) - toto menu pracuje správně, ale v IE7 zlobí - zůstáva viset submenu, když hejbu myší doleva nebo doprava. Když opustím submenu tím, že hýbnu myší nahoru, problém zmizí...

JS:
<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>


a CSS k tomu:
/* css menu 3-level menu */
#menu { position: absolute; left: 0; top: 123px; width: 100%; height: 47px; background: #0D2D48 url(img/sys/bg_menu.gif) repeat-x 0 0; z-index: 999 }
#nav, #nav ul { margin: 0; padding: 0; list-style: none; width: 100% }
#nav ul { border: 1px solid #EFBA18; border-width: 5px 0 4px 0 }

#nav a { display: block; text-align: center; width: 118px; height: 42px; line-height: 42px; background: transparent url(img/sys/bg_menu_a.gif) no-repeat right bottom; color: #fff; font-weight: bold; text-decoration: none}
#nav li ul a { width: 180px; height: auto; line-height: normal; padding: 8px 12px }
#nav ul a { background: none }

#nav a:hover { background-color: #2F4241; color: #EFBA18 !important; text-decoration: none }

#nav li { float: left; display: block; width: 118px }
#nav .m-last { width: 125px }
#nav .m-last a { width: 125px; background-image: none }
#nav li ul li { float: left; display: block; width: 200px }

#nav li ul { position: absolute; width: 200px; left: -999em }

#nav li ul li a { color: #000 !important; background-color: #FEFBF3; background: #FEFBF3 url(img/sys/bg_submenu_a.gif) repeat-y right 0; text-decoration: none; text-align: left !important; width: 176px }
#nav li ul li a:hover { background-color: #FCF1D1; color: #0D2D48 !important }
#nav li ul li { border-bottom: 1px solid #F7DC8B }
#nav li ul li ul li { border-bottom: 1px solid #F7DC8B; font-size: 100% }

#nav li ul { margin: 0 }
#nav li ul ul { margin: -25px 0 0 195px; border-top: 0; border-bottom: 4px solid #F7DC8B }
#nav li ul ul a { background-color: #FEFDF8 }

#nav li:hover ul ul, #nav li.sfhover ul ul { left: -999em }
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { left: auto }
/* /css 3-level menu */

samotne HTML je jednoduse zanoreny seznam (UL) obaleny DIVem s ID #menu

diky za kazdy napad...

P.