Superposition d'élement css

Bonsoir, je rencontre un problème avec mon template. La superposition des menu déroulants est complètement bugger et contraignant. Il a une sorte d'opacité et n'est pas prioritaire sur les autres.

Voici un screen pour mieux comprendre :

Pièce jointe 200899

Comment puis-je régler ça ? Merci.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
<ul class="dropdown-menu" style="display: block;">
      <li><a href="usercp.php?action=profile" original-title=""><i class="fa fa-edit" original-title=""></i>Modifier le profil</a></li>
      <!-- start: usercp_nav_changename -->
<li><a href="usercp.php?action=changename" original-title=""><i class="fa fa-tags" original-title=""></i>Changer de nom</a></li>
<!-- end: usercp_nav_changename -->
      <li><a href="usercp.php?action=password" original-title=""><i class="fa fa-key" original-title=""></i>Changer le mot de passe</a></li>
      <li><a href="usercp.php?action=email" original-title=""><i class="fa fa-envelope" original-title=""></i>Changer l’email</a></li>
      <li><a href="usercp.php?action=avatar" original-title=""><i class="fa fa-picture-o" original-title=""></i>Changer l’avatar</a></li>
      <!-- start: usercp_nav_editsignature -->
<li><a href="usercp.php?action=editsig" original-title=""><i class="fa fa-pencil" original-title=""></i>Changer la signature</a></li>
<!-- end: usercp_nav_editsignature -->
      <li><a href="usercp.php?action=options" original-title=""><i class="fa fa-wrench" original-title=""></i>Éditer les options</a></li>
    </ul>

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}

Vous pouvez tester par vous même, le bug apparait aussi en haut du forum, en cliquant sur "FORUMS" un menu déroulant s'ouvre mais s'il est en dessous du logo "REBORN DM" cela provoque un bug et nous empeche de cliquer sur les liens : http://reborn-dm.com/