Liste déroulante vertical (problèmes onMouseOut)

Salut!
j'ai utiliser ce tutos pour réaliser mes listes déroulantes, mais j'ai un petit problème, lorsque le curseur quitte les sous-catégories, celles-ci restent affichées. Est-il possible d'ajouter une propriété onMouseOut de manière à ce qu'elles disparaissent?

Bonjour,

>>Est-il possible d'ajouter une propriété onMouseOut de manière à ce qu'elles disparaissent?

Oui

---

Maelo ou Elo --> Mon blog

Si quelqu'un vous dit : "Je me tue à vous le répéter", laissez-le mourir. (Jacques Prévert)

Bonjour,
    MaElob++

---

                Cordialement            Bul         [mon Site]     [M'écrire]

Et pourrais tu me dire ce que je dois mettre dans le onMouseOut=" " ?

J'ai cassé ma boule de cristal je peux pas deviner sans ton code.

---

Maelo ou Elo --> Mon blog

Si quelqu'un vous dit : "Je me tue à vous le répéter", laissez-le mourir. (Jacques Prévert)

Voila mon code HTML:

<tr id="menu">
    <td colspan="2">
        <img src="images/optima_12.png" width="34" height="26" alt="" />
   </td>
 
    <td colspan="2">
        <a href="index.php" onFocus="this.blur()"><img src="images/accueil.png" width="128" height="26" alt="" /></a>
    </td>
       
       <td colspan="6">
        <dl>           
            <dt onMouseOver="javascript:montre('smenu1');">
                <img src="images/news_on.png" width="127" height="26" alt="" />
            </dt>
           
            <dd id="smenu1">
                <ul>
                    <li><a href="news.php" onMouseOver="javascript:montre('smenu1');">Actus de la semaine</a></li>
                    <li><a href="news30.php" onMouseOver="javascript:montre('smenu1');">Actus mois précédent</a></li>
                </ul>

            </dd>
        </dl>
    </td>
    <td>
        <dl>           
            <dt onMouseOver="javascript:montre('smenu2');">
                <img src="images/cabinet.png" width="127" height="26" alt="" />
            </dt>
           
            <dd id="smenu2">
                <ul>
                    <li><a href="valeurs.php" onMouseOver="javascript:montre('smenu2');">Nos valeurs</a></li>
                    <li><a href="missions.php" onMouseOver="javascript:montre('smenu2');">Nos missions</a></li>

                    <li><a href="equipe.php" onMouseOver="javascript:montre('smenu2');">Notre équipe</a></li>
                </ul>
            </dd>
        </dl>
    </td>
    <td>
            <dl>   
                <dt onMouseOver="javascript:montre('smenu3');">
                    <img src="images/services.png" width="128" height="26" alt="" />
                </dt>
           
            <dd id="smenu3">

                <ul>
                    <li><a href="secteurs.php"  onmouseover="javascript:montre('smenu3');">Secteurs</a></li>
                    <li><a href="audit.php" onMouseOver="javascript:montre('smenu3');">Audit</a></li>
                    <li><a href="expertise.php" onMouseOver="javascript:montre('smenu3');">Expertise comptable</a></li>

                </ul>
            </dd>
        </dl>
    </td>
    <td colspan="7">
        <dl>   
            <dt onMouseOver="javascript:montre('smenu4');">
                <img src="images/chiffres.png" width="125" height="26" alt="" />
            </dt>
            <dd id="smenu4">
                <ul>
                    <li><a href="fiscal.php" onMouseOver="javascript:montre('smenu4');">Fiscal</a></li>
                    <li><a href="social.php" onMouseOver="javascript:montre('smenu4');">Social</a></li>
                    <li><a href="economie.php" onMouseOver="javascript:montre('smenu4');">Economie</a></li>
                </ul>
            </dd>
        </dl>
    </td>
   
    <td colspan="5">
        <a href="contact.php" onFocus="this.blur()"><img src="images/contact.png" width="129" height="26" alt="" /></a>
    </td>
   
    <td colspan="3">
        <img src="images/optima_19.png" width="31" height="26" alt="" />
    </td>
    <!--<td>
            <img src="images/spacer.gif" width="1" height="26" alt=""></td>-->
    </tr>

Et voila le CSS:
dl, dt, dd, ul, li {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

#menu {
    position: absolute;
    width: 829px;
    vertical-align: top;
    float: left;
}

#menu dl
{
    float: left;
    margin: 0 0;
    margin-bottom: 26px;
}

#menu dt {
    cursor: pointer;
    text-align: center;
    font-weight: bold;
    border: 0px solid gray;
    display: inherit; /* affichage des noms de sous cat trop long correct IE*/
}

#menu dd {
    border: 1px solid gray;
}

#menu li {
    text-align: center;
    background: #fff;
}

#menu li a, #menu dt a {
    color: #000;
    text-decoration: none;
    height: 100%;
    border: 0;
    display: block; /*affichage sous cat en colonne */
}

#menu li a:hover, #menu dt a:hover {
    background: #eee;
}