Ami(e) du jour, bonjour

J'ai fait un menu où quand on passe la souris sur une rubrique, cela affiche les sous-rubriques.
Le probleme, c'est qu'il y a une rubrique qui se situe au dessus d'une liste a choix multiple. Et quand j'ouvre, les sous-rubriques de mon menu, elles ne sont pas visible car la liste deroulante reste au 1er plan

Dans l'image ci-dessous, on ne voit pas les sous-rubriques du softball feminin qui sont cachés par la liste deroulante.



Voici les differentes parties de code :

La partie CSS
Code : 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
26
27
28
29
30
31
32
33
34
35
36
37
38
39
<style type="text/css"> 
#nav, #nav ul { 
   padding: 0; 
   margin: 0; 
   list-style: none; 
 
} 
 
#nav a { 
   display: block; 
   width: 127px; 
   text-decoration: none; 
   font-weight: bold; 
   color: "#00FF00"; 
} 
 
#nav li { 
   list-style-type: none; 
   float: left; 
    width: 127px; 
} 
 
#nav li ul { 
   position: absolute; 
   width: 127px; 
   left: -999em; 
   background-color: "#353535"; 
} 
 
 
#nav li:hover ul, #nav li.sfhover ul { 
    left: auto; 
} 
 
 
#menu  ul li div a span { 
   display:none; 
} 
</style>



Et le code HTML
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
 
<td>
   <li><a><img src="images/softFeminin.jpg" border="0"></a> 
   <ul> 
   <li><a href="#"><img src="images/actualites.jpg" border="0"></a></li> 
   <li><a href="#"><img src="images/championat.jpg" border="0"></a></li> 
   <li><a href="#"><img src="images/classement.jpg" border="0"></a></li> 
   <li><a href="#"><img src="images/statistiques.jpg" border="0"></a></li> 
   </ul> 
   </li> 
   </td>
Voila.
Si vous avez deja connu ce probleme ou si vous avez où idée pour combler ce probleme.

Merki
Pepit'