Info bulle - faire une description ?

Bonjour,

J'essaie de faire une description pour les produits de mon site internet à l'aide d'un menu dans lequel je cliquerais sur un onglet et la description aparaitrait dans l'endroit prévu à cet effet. Voici mes codes:

<style>
a{
font-size:15px;
margin-left:15px;
color:#FFF;
font-family:verdana;
text-decoration:none;
font-size:16px;
}

td.submenu {
background-color:#0B1C6C;
}

table#conteneur{
border:solid 1px #000;
background-color:#000;
width:600px;
height:225px;
cellpadding:5px;
align:center;}

table#conteneur td{
border:solid 1px #000;
}

td#desc{
background-color:#FFF;
}
</style>

<table id="conteneur">
<tr>
<td width="200px" class="submenu"><a href="#" id="desc">Description</a></td>
<td ROWSPAN="6" id="desc"> </td>
</tr>
<tr>

<td class="submenu"> <a href="#">Spécifications</a></td>
</tr>
<tr>

<td class="submenu"><a href="#">Options</a></td>
</tr>
<tr>

<td class="submenu"><a href="#">Garantie</a></td>
</tr>
<tr>

<td class="submenu"><a href="#">Couleurs</a></td>
</tr>
<tr>

<td class="submenu"><a href="#">Voir la brochure</a></td>
</tr>
</table>

Je suis complètement nulle en javascript, j'ai essayé de le faire seulement qu'avec les Css mais rien n'a fonctionné.