Menu onmouseover avancé,

bonjour,

je voudrais créer un une page avec un menu, une fois survolée, s'affiche la description ..etc, ca marche bien sauf qu'il n'accepte que tu texte, ou bien des balises basiques sans paramétres, bref ce que je veux c'est un truc comme ca :
http://vog.vectorcomputertech.com/beta3.htm

et ce que j'ai c'est ca :

Code:

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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
<!--
#desc {
	font-family: Georgia, "Times New Roman", Times, serif;
 
 
}  
#desc1{
              font-family: Georgia, "Times New Roman", Times, serif;
		}	
 
 
-->
</style>
<script type="text/javascript">
<!--
function afficheDesc(obj,txt){
 
	document.getElementById("desc").innerHTML = txt;
 
}
 
function cacheDesc(obj){
	document.getElementById("desc").innerHTML = "";
	obj.style.width = "150px";
	obj.style.border = "0";
	}
//-->
</script>
</head>
 
<body>
<table width="792" height="110" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td width="127" align="center" onmouseover="afficheDesc(this,'Details du menu1')" onmouseout="cacheDesc(this)">Menu1</td>
 
    <td width="665" rowspan="3" id="desc"> details </td>
	</tr>
    <tr align="center">
    <td onmouseover="afficheDesc(this,'Details Menu 2')" onmouseout="cacheDesc(this)">Menu2</td>
  </tr>
  <tr align="center">
 
    <td onmouseover="afficheDesc(this,'Details Menu 3')" onmouseout="cacheDesc(this)">Menu3</td>
  </tr>
</table>
</body>
</html>

ps: j'aimerais le faire en premier temps sans passer par le setime.