Migliorare il menu a discesa integrata della tesi tramite JavaScript

Question

Il menu a discesa che la tesi crea è bene del 99%, tranne per il fatto che è molto spietato per gli utenti che non padroneggiano l'uso del mouse molto facilmente: gli anziani e le persone con una visione cattiva. Vorrei migliorare la sua usabilità usando un po 'di JavaScript, permettendo al mouse di essere alcuni pixel in fuorigioco e mantenere comunque il sottomenu aperto. L'ho provato nel mio file JavaScript personalizzato:

var hoverConfig = {    
         over: function(e){
                e.preventDefault();
                $.log("launch menu");
                $('.sub-menu',$(this)).show();
        },  
        timeout: 500, // number = milliseconds delay before onMouseOut    
        out:  function(e){
                e.preventDefault();
                $.log("hide menu");
                $('.sub-menu',$(this)).hide();
        } 
    };

    $('.sub-menu').hide();
    $("#menu-main-menu").hoverIntent( hoverConfig );

La registrazione di Firebug mostra che funziona: vengono chiamate le funzioni Show e Hide, ma il comportamento CSS fa ancora scatenare e non riesco a annullarlo in modo che il comportamento JavaScript abbia il pieno controllo. Qualche idea su come posso farlo?