bonjour a vous voila j'ai un problème avec une fonction onmouseover et onmouseout en fait voila je voudrais evidemment que lorsque la souris soit sur le titre de mon menu celui ci fasse dessendre les sous menu et que lorsqu'il n'y as plus la souris celui ce remonte

voici mon code html :
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
 
<html>
<head>
	<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
	<title>RCN </title>
	<link href="style.css" type="text/css" rel="stylesheet"/>
</head>
<body>
 
<div id="haut">
<img src="image/banniere.png" alt="banniere"/></div>
</!--></!--></!--></!-->
<div id="menu">
<ul>
    <li><a href="#"><span> A</span>ccueil </a></li>
<table>
 
	<tr>
		<td id="Liens" onmouseover="document.getElementById('GrosTitre1_PetitTitre1').style.display='block';  document.getElementById('GrosTitre1_PetitTitre2').style.display='block';"onMouseout="draw()";"> <li><a href="#"><span> L</span>iens </a></li></td>
 
	<td id="Organisation" onclick="document.getElementById('GrosTitre2_PetitTitre1').style.display='block'; document.getElementById('GrosTitre2_PetitTitre2').style.display='block';"><li><a href="#"><span> O</span>rganisation </a></li</td>
		<td id="Résultats" onclick="document.getElementById('GrosTitre3_PetitTitre1').style.display='block'; document.getElementById('GrosTitre3_PetitTitre2').style.display='block';"><li><a href="#"><span> R</span>ésultats </a></li></td>
	        <td id="Records" onclick="document.getElementById('GrosTitre1_PetitTitre1').style.display='block';  document.getElementById('GrosTitre1_PetitTitre2').style.display='block';"> <li><a href="#"><span> R</span>ecords </a></li></td>
		<td id="Médiathèque" onclick="document.getElementById('GrosTitre1_PetitTitre1').style.display='block';  document.getElementById('GrosTitre1_PetitTitre2').style.display='block';"> <li><a href="#"><span> M</span>édiathèque </a></li></td>
 
<tr/>
 
	<tr>
		<td>
			<span id="GrosTitre1_PetitTitre1" style="display:none;">-Petit Titre 1<br/></span>
			<span id="GrosTitre1_PetitTitre2" style="display:none;">-Petit Titre 2</span>
		</td>
		<td>
			<span id="GrosTitre2_PetitTitre1" style="display:none;">-Petit Titre 1<br/></span>
			<span id="GrosTitre2_PetitTitre2" style="display:none;">-Petit Titre 2</span>
		</td>
		<td>
			<span id="GrosTitre3_PetitTitre1" style="display:none;">-Petit Titre 1<br/></span>
			<span id="GrosTitre3_PetitTitre2" style="display:none;">-Petit Titre 2</span>
		</td>
		<td>
	</tr>
 
<table>
 
 
 
                    </ul>
</div>
</!--></!--></!--></!-->
<div id="titre">
<h2>titre </h2>
</div>
</!--></!--></!--></!-->
<div id="corps">
<p>
</!--></!-->
</p>
</div>
</!--></!--></!--></!-->
<div id="bas">
<p>
 Valid
 <a href="http://validator.w3.org/check?uri=referer">/ xhtml /</a>
<a href=" http://jigsaw.w3.org/css-validator/check/referer"> css2 /</a>
</p>
</div>
</body>
</html>
vous avez constater que la ligne qui me préocuper étais celle ci :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
<td id="Liens" onmouseover="document.getElementById('GrosTitre1_PetitTitre1').style.display='block';  document.getElementById('GrosTitre1_PetitTitre2').style.display='block';"onMouseout="draw()";"> <li><a href="#"><span> L</span>iens </a></li></td>
voila si vous pouviez m'aider ce serais super cool