problema menu con mouseout

[nmkbeppe]

Buongiorno a tutti, è un bel po che non scrivo causa lavoro, anche se abitualmente scrivo nella sezione php....quello èil mio pane :-D
per questo credo che qui troverò un valido aiuto al mio problema

Ho un menu orizzontale creato con css ed elementi di una lista.
Ogni bottone lancia una funzione al mousover che cambia la classe ad un div che di default ha una classe con attributo display:none;

il div in questione ha una funzione richiamata con onMouseOut che riattribuisce la classe precedente.

Il problema è che in genere funziona ma a volte mi lascia il div visibile e non riesco a capire la causa.
Qualcuno può darmi 2 dritte? sono pronto anche a cambiare totalmente la struttura.

posto qui la parte del codice interessato
menu:

[list=1]
            [*]<a id="primo" onMouseOver="javascript:cambia_classe('cane_sotto','cane');">cane</a>
                <div id="cane_sotto" class="h" onMouseOut="javascript:cambia_classe('cane_sotto','');">
                <ul  >
                    [*]1

                    [*]2

                    [*]3

                    [*]4

                [/list]
                </div>
            [/list] 

js:

function cambia_classe(id,nome){
    div=document.getElementById(id);
    if (nome != '') {
        div.className = 'menu_livello_2_' + nome;
    }else{
        div.className = 'h';
    }
} 

css:

div.menu_livello_2_cane{
    width:200px;
    position:absolute;
    border:1px solid red;    
    top:80px;
    left:13%;
}
.h{
    display:none;
} 

Credo non sia necessario postare tutta la pagina e tutto il resto del menù ma se servisse......