menu horizontal déroulant qui ne se déroule pas

**nixe74** · 07/04/2011, 22h06

Bonjour,
Encore un débutant qui vient vous embêter ;-)
Mon pb : le menu déroulant dont j'ai commencé l'adaptation fonctionne en local sur nvu, mais pas online.
J'ai donc forcèment merdé en tripotant le code et vous remercie de votre aide !!!!
le début de site sur lequel est le code source : http://bastidedeboisset.free.fr/index.html
et le code source en entier :

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
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <title>titre, donc</title>
  <meta http-equiv="content-type"
 content="text/html; charset=iso-8859-1">
  <style type="text/CSS"> #menu {
height:150px;
font-weight : bold; /* on met le texte en gras */
font-family : Arial; /* on utilise Arial, c'est plus beau ^^ */
font-size : 12px;
}
#menu ul {
position: relative; margin-left: auto;
margin-right: auto;
width: 80%;
padding:0;
list-style-type:none;
text-align:center;
}
#menu li {
height:40;
float:left;
margin:auto;
padding:0;
background-color:AliceBlue;
}
#menu li a {
display:block;
width:130px;
color:black;
text-decoration:none;
padding:5px;
}
#menu li a:hover {
color:CadetBlue;
}
#menu ul li ul {
display:none;
width:130px;
}
#menu ul li:hover ul {
display:block;
}
#menu li:hover ul li {
float:none;
}
  </style><!--[if !IE]> <-->
  <style type="text/CSS"> #menu li ul {
position:absolute;
}
  </style><!----><!--[endif]--><!--[if IE 8]>
<style type="text/CSS">
#menu li ul {
position:absolute;
}
</style>
<![endif]-->
  <meta name="description" content="meta tag, donc">
</head>
<body>
<h1 style="text-align: center;">Grand titre</h1>
<div style="text-align: center;"></div>
<div style="text-align: center;" id="menu">
<ul>
  <li><a href="#">La Bastide</a> </li>
  <li><a href="#">Les chambres</a>
    <ul>
      <li><a href="#">"Uz&egrave;s"</a></li>
      <li><a href="Zanzibar.htm">"Zanzibar"</a></li>
      <li><a href="#">"Beaucaire"</a></li>
      <li><a href="#">"Arles"</a></li>
    </ul>
  </li>
  <li><a href="#">Les suites</a>
    <ul>
      <li><a href="#">"Palerme"</a></li>
      <li><a href="mailto:www.bastidedeboisset.com">"Capri"</a></li>
    </ul>
  </li>
  <li><a href="#">La table d'h&ocirc;tes</a>
  </li>
  <li><a href="#">On parle de nous</a>
    <ul>
      <li><a href="#">Notre Philosophie</a></li>
      <li><a href="#">Les guides</a></li>
      <li><a href="#">Nos H&ocirc;tes</a></li>
      <li><a href="#">Nos partenaires</a></li>
    </ul>
  </li>
  <li><a href="#">A voir et &agrave; faire</a>
    <ul>
      <li><a href="#">Visiter</a></li>
      <li><a href="#">Se ballader</a></li>
      <li><a href="#">March&eacute;s et Brocantes</a></li>
      <li><a href="#">Le Programme de la saison</a></li>
    </ul>
  </li>
  <li><a href="#">Tarifs, r&eacute;servation,
acc&egrave;s</a> </li>
</ul>
</div>
<div style="text-align: center;"></div>
<h2 style="text-align: center;">sous titre</h2>
<div style="text-align: center;">*<br>
</div>
<p style="text-align: center;">texte.</p>
<div style="text-align: center;"></div>
<div style="clear: both; margin-top: 10px; text-align: center;">
<hr style="margin-left: auto; margin-right: auto;">
<p>pied de page </p>
</div>
</body>
</html>

et merci encore, je nage complètement !