J'ai besoin de comprendre... pour résoudre un problème.

Voici, je tente de créer une barre de menus incluant des sous-menus avec Dreamweaver CS4. Je devrais avoir le résultat suivant en tout temps, voir image-1. Mais voilà qu'avec mon système d'exploitation (Windows7 et j'utilise Explore8) j'obtien le résultat suivant, voir photo-2 (les sous menus n'apparaissent pas quand je place mon curseur sur un menu. Et surprise, quand je fais le test sur l'ordinateur de ma conjointe (Windows XP - Explore8 ou Mozilla) j'obtient une autre apparence, voir image-3. Voyez le code à la fin de mes images. Que dois-je faire?

Image 1



Image 2



Image 3




Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<ul id="MenuBar1" class="MenuBarVertical">                                      
                    <li><a class="MenuBarItemSubmenu" href="#">Boutique</a>
                  <ul>
                    <li><a href="Mouches.html">Mouches</a></li>
                    <li><a href="Cannes.html">Cannes</a></li>
                    <li><a href="#">Moulinets</a></li>
                    <li><a href="#">Soies</a></li>
                  </ul>
                </li>
                <li><a class="MenuBarItemSubmenu" href="#">Guides</a>
                 <ul>
                    <li><a href="#">Ronald Raymond</a></li>
                    <li><a href="#">Guy Robert</a></li>
                    <li><a href="#">Dieudoné</a></li>
                    <li><a href="#">Farfelu</a></li>
                  </ul>
                  </li>
                <li><a class="MenuBarItemSubmenu" href="#">Cours</a>
                  <ul>
                    <li><a href="#">Lancer à la mouche</a></li>
                    <li><a href="#">Montage de mouches</a></li>              
 
              </ul>
              </li>
              <li><a href="#">Nouvelles</a></li>