Bonjour tout le monde,

j'ai un petit problème, néanmoins de taille, avec l'affichage du menu sur mon site. En effet, le menu déroulant se déroule bien quand on passe avec la souris, mais, tout d'abord sous IE, il est très difficile d'avoir accès aux sous-menus, car on dirait qu'ils sont séparés par des 'trous', ce qu'il n'y a pas avec Firefox ou Safari. Deuxièmement, j'ai récemment installé un compte à rebours, et le problème est que le menu n'est pas entièrement visible quand il est au dessus du compte à rebours...

Voici le lien du site :

http://www.elraton-production.be

Voici le code du menu:

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
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
/*début des styles pour le menu*/
 
#menu
{
width: 721px;
margin-left:auto;
margin-right:auto;
}
 
#menuDeroulant
{
	width: auto;
	list-style-type: none;
	margin-left:auto;
 	margin-right::auto;
	margin-top: 0;
	padding: 0;
	border: 0;
}
 
#menuDeroulant li
{
 float: left;
 width: 103px;
 margin: 0;
 padding: 0;
 border: 0;
}
 
#menuDeroulant .sousMenu
{
 display: none;
 list-style-type: none;
 margin: 0;
 padding: 0;
 border: 0;
 position:absolute;
 border-bottom: 1px solid white;
 border-left: 1px solid white;
 border-right: 1px solid white
}
 
#menuDeroulant .sousMenu li
{
 float: none;
 margin: 0;
 padding: 0;
 border: 0;
 width: 101px;
 border-top: 1px solid #333333;
 border-bottom :1px solid #333333
}
 
#menuDeroulant li a:link, #menuDeroulant li a:visited
{
 display: block;
 height: auto;
 color: #FFF;
 background: #000000;
 padding: 5px 8px;
 border: 1px solid #FFF;
 text-decoration: none;
}
 
#menuDeroulant li a:hover 
{ 
 background-color: #0000CC; 
}
 
#menuDeroulant li a:active 
{ 
 background-color: #0000CC; 
}
 
#menuDeroulant .sousMenu li a:link, #menuDeroulant .sousMenu li a:visited
{
 display: block;
 color: #FFF;
 margin: 0;
 border: 0;
 text-decoration: none;
 background-color:#333333
}
 
#menuDeroulant .sousMenu li a:hover
{
 background-image: none;
 background-color: #0000CC;
}
 
#menuDeroulant li:hover > .sousMenu { display: block; }
 
 
 
/*fin des styles pour le menu*/
Voici le code du compte à rebours :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
<script type="text/javascript" src="http://www.countdown2zero.com/pcd.php?code=6bf47&lang=en"></script>
Merci de m'éclairer