jQuery IE8/7

[gabrield]

Tengo una duda sobre este codigo

Código Javascript:

// SUBMENU CUENTAS
    $(".cuentas").mouseover(function() {
            $("#submenu-cuentas").fadeIn();
            $(".cuentas").addClass("active")
    });
    
    $(".cuentasLI").mouseleave(function() {
         $("#submenu-cuentas").fadeOut("fast");
         $(".cuentas").removeClass("active")
    });
 

No me funciona en IE7 ni tampoco en IE8.


el html es este:

Código HTML:

<div id="search-box">
                    <ul>
                        <li class="cuentasLI"><a href="#" class="cuentas">Cuentas</a>
                        <div id="submenu-cuentas"></div>                       
                        </li>
                        <li class="tarjetasLI"><a href="#" class="tarjetas">Tarjetas</a>
                        <div id="submenu-tarjetas"></div> 
                        </li>
                        <li class="prestamosLI"><a href="#" class="prestamos">Préstamos</a>
                        <div id="submenu-prestamos"></div> 
                        </li>
                        <li class="segurosLI"><a href="#" class="seguros">Seguros</a>
                        <div id="submenu-seguros"></div> 
                        </li>
                        <li class="citigoldLI"><a href="#" class="citigold">Citigold</a> 
                        <div id="submenu-citigold"></div> 
                        </li>
                        <li class="empresasLI"><a href="#" class="empresas">Empresas</a>
                         <div id="submenu-empresas"></div>
                        </li>
                    
                    </ul>
                        
                
                </div>