Un menu déroulant dans un tableau

Bonjour à tous,
voila mon souci, dans une page web (pas encore en ligne) j' ai créé un tableau, puis placé un menu déroulant dans une des ses ligne.

Le problème est que lorsque le menu se déroule, la case du tableau s' agrandie, alors que je voudrais que celle-ci reste fixe, et que les sous menus apparaissant passent par dessus la ligne suivante

Voici à quoi ressemble le morceau de code en question :

<table align="center" bgcolor="#FFFFFF" width="80%" border="0" cellpadding="0" cellspacing="0" > 

<tr>
<td width="16" height="13"><img src="images/zone_coin1.jpg" width="16" height="13"></td>
<td ></td>
<td width="16" height="13"><img src="images/zone_coin2.jpg" width="16" height="13"></td>
</tr>
<tr >
<td></td>
<td ><ul id="menuDeroulant">
		<li>
			<a href="#">Accueil</a>
		</li>
		<li>
			<a href="#">Personnel</a>
			<ul class="sousMenu">			      
				<li><a href="#">Dessins</a></li>
				<li><a href="#">Vidéos</a></li>
				<li><a href="#">Mini-jeux</a></li>
				<li><a href="#">Privé</a></li>
			</ul>
		</li>
		<li>
			<a href="#">Professionnel</a>
			<ul class="sousMenu">			      
				<li><a href="#">Cursus Scolaire</a></li>
				<li><a href="#">Expérience professionnelle</a></li>
				<li><a href="#">Mes productions</a></li>
				<li><a href="#">Moi</a></li>
			</ul>
		</li>
		<li>
			<a href="actu.php">Forum</a>
			<ul class="sousMenu">			      
					<li><a href="#">Public</a></li>
					<li><a href="#">Privé</a></li>
					<li><a href="#">Chat</a></li>
			</ul>
		</li>
		<li>
			<a href="lien.php">News</a>
		</li>
		<li>
			<a href="contact.php">Liens</a>
		</li>
		<li>
		<a href="#">Contact</a>
	</td>
<td background="images/zone_pixdroite.jpg"></td>
</tr>
<tr>
<td width="16" height="13"><img src="images/zone_coin4.jpg" width="16" height="19"></td>
<td background="images/zone_pixbas.jpg"></td>
<td width="16" height="13"><img src="images/zone_coin3.jpg" width="16" height="19"></td>
</tr>
</table>

Merci d' avance