<hr /> dans un menu deroulant

Bonjour,
J'ai fait un menu deroulant avec un peu de javascript (pour dérouler les sous-menus) de la façon suivante:
Code:

1 2 3 4 5 6 7 8 9 10 <dl> <dt>Menu1</dt> <dd> <ul> <li> Sous-menu1 </li> </ul> </dd> </dl>
Le truc, c'est que je veux mettre une barre horizontale de séparation entre chaque menu, chose que j'ai fait avec un bete <hr />.
Sous Firefox, j'ai aucun problème, mais sous IE, les barres apparaissent quand les sous menus se "déroulent".
Apparement, on ne peut pas inclure de balise <hr /> à l'intérieur d'une balise <dl>.
Faut-il faire autrment le menu ou il y a une astuce ?

Merci d'avance

bonjour,

Et en créant un élément vide ?

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
 
<dl>
  <dt>Menu1</dt>
  <dd>
     <ul>
        <li>
            Sous-menu11
        </li>
     </ul>
  </dd>
 
  <dt><hr></dt>
 
  <dt>Menu2</dt>
  <dd>
     <ul>
        <li>
            Sous-menu21
        </li>
     </ul>
  </dd>
</dl>

Ok, ça marche nickel, merci