Menu déroulant dans un tableau

Bonsoir, alors voilà, j'ai ici un petit tableau:

<table cellpadding="0" cellspacing="0" border="0" align="center" width="612px" height="37" class="testmenu">
<tr>
<td width="102px" background="ee2.gif""><a href="index.php">Accueil</a></td>
<td width="102px" background="ee.gif""><a href="#">BlaBla</a></td>
<td width="102px" background="ee.gif"><a href="#">BlaBla</a></td>
<td width="102px" background="ee.gif" ><a href="#">BlaBla</a></td>
<td width="102px" background="ee.gif"><a href="#">BlaBla</a></td>
<td width="102px" background="ee.gif"><a href="#">BlaBla</a></td>
</tr>
</table>

Ce tableau me sert comme menu, alors voilà, j'aimerais qu'un menu déroulant apparait des que je pointe sur un des liens.
Grace au site: http://css.alsacreations.com, j'avais un menu horizontale dont le code était:
<div id="navigation"">
<dl>
<dt onclick="javascript:montre();"><a href="index.php">Accueil</a></dt>
<dt onclick="javascript:montre('smenu2');">Series</dt>
<dd id="smenu2">
<ul>
<li><a href="#" class="Smallville">Smallville</a></li>
<li><a href="#" class="PB">Sous-Menu 2.2</a></li>

<li><a href="#">Sous-Menu 2.3</a></li>
</ul>
</dd>
<dt onclick="javascript:montre('smenu3');">Menu 3</dt>

<dd id="smenu3">
<ul>
<li><a href="#">Sous-Menu 3.1</a></li>
<li><a href="#">Sous-Menu 3.1</a></li>
<li><a href="#">Sous-Menu 3.1</a></li>
<li><a href="#">Sous-Menu 3.1</a></li>
<li><a href="#">Sous-Menu 3.1</a></li>
<li><a href="#">Sous-Menu 3.1</a></li>
</ul>
</dd>
<dt onclick="javascript:montre('smenu4');">Menu 4</dt>
<dd id="smenu4">
<ul>
<li><a href="#">Sous-Menu 4.1</a></li>
<li><a href="#">Sous-Menu 4.1</a></li>
</ul>
</dd>
</dl>
</div>

Aussi, il y avait du javascript, mais tout ca c'était donné par ce site. Maintenant j'aimerais creer un menu horizenatale, et appliquer aux liens de mon tableau des menu déroulants quand on pointe dessus.
Si quelqu'un aurait une idée ca serait sympa.
Merci.

Configuration: Windows XP
Firefox 2.0.0.11