[jQuery] sfHover Suckerfish not working in IE 6

[lerrow]

 We are trying to add this horizontal menu to a wordpress site. We are
using News Premiums's Live Wire 2.0 Template. You can check the site
here http://www.laseleccion.com.ar/argentina, the site is under
contruction.

This is the css for the Menu

/* Menu Horizontal Multi Nivel */

#menu, #menu ul{
margin:0px;
padding:0px;
list-style-type:none;
list-style-position:outside;
position:relative;
line-height:1.9em;
}

#menu a{
display:block;
font-family: Trebuchet MS;
font-size:10px;
padding:0px 10px;
border:1px solid #333;
color:#fff;
text-decoration:none;
background-color:#333;
}

.sfhover{
background-color:#fff;
color:#333;
display:block;
}

#menu a:hover, #menu a.sfhover, #menu li.page_item a:hover, #menu
li.page_item a.sfhover{
background-color:#ff0;
color:#333;
display:block;
}

#menu li{
float:left;
position:relative;
/*font-family: Arial, Lucida Sans, Tahoma, sans serif;*/
}

#menu ul {
position:absolute;
display:none;
width:12em;
top:2.0em;
}

#menu li ul a{
width:12em;
height:auto;
float:left;
}

#menu ul ul{
top:auto;
}

#menu li ul ul {
left:8.6em;
margin:0px 0 0 12px;
}

#menu li:hover ul ul, #menu li:hover ul ul ul, #menu li:hover ul ul ul
ul{
display:none;
}
#menu li:hover ul, #menu li li:hover ul, #menu li li li:hover ul,
#menu li li li li:hover ul{
display:block;
}

menu li.sfhover ul ul, #menu li.sfhover ul ul ul, #menu li.sfhover ul
ul ul ul{
display:none;
}
#menu li.sfhover ul, #menu li li.sfhover ul, #menu li li li.sfhover
ul, #menu li li li li.sfhover ul{
display:block;
}

in Firefox 2 or 3, IE 7 and Safari (for windows) works perfect, even
though it does not dropw down like this http://www.laseleccion.com.ar/menu,
and we are using the same js and css files, but I dont care about the
animation, as long as I can make it work in IE 6

 any suggestions??

 Thanks in advance

 Leroy