Menu - problem, rozwiązanie z listą rozwijalną Opcje

[Eldiane]

Witam, od razu przejdę do sprawy i pokarze swój kod

Tabela.html:

[HTML] pobierz, plaintext 
		<table border=0 width=100% height=40% bgcolor="#ff5113">
			<tr>
				<td>
					<center><font size="3"><a href="profil.php">Profil</a></font></center>
				</td>
			</tr>
			<tr>
				<td>
					<center><font size="3"><a href="profil.php">Produkty</a></font></center>
				</td>
			</tr>
			<tr>
				<td>
					<center><font size="3"><a href="profil.php">szukaj</a></font></center>
				</td>
			</tr>
			<tr>
				<td>
					<center><font size="3"><a href="profil.php">informacje</a></font></center>
				</td>
			</tr>
			<tr>
				<td>
					<center><font size="3"><a href="profil.php">kontakt</a></font></center>
				</td>
			</tr>
			<tr>
				<td>
					<center><font size="3"><a href="profil.php">wyloguj</a></font></center>
				</td>
			</tr>
		</table>
[HTML] pobierz, plaintext 

Dla przejrzystości wstawię zdjęcie wyglądu tabelki:
(IMG:http://img826.imageshack.us/img826/5624/tabelana.th.png)

Problem jest tego typu że chciałbym żeby stało się to moim menu, czyli jak najadę kursorem na pierwszą pozycje to cała tabela idzie w dół i pojawia się podmenu, myślę że wiadomo o co chodzi (IMG:style_emoticons/default/smile.gif)

Czy da się zrobić takie menu w oparciu o tabele czy trzeba zmienić wszystko na <ul><li> itp?
Jak się za to zabrać od strony CSS'a? podpatrzyłem na stronach z kursami ze są wstawki z js i nie wiem jak się za to zabrać, fajnie by było jakbym mógł liczyć na jakąś poradę (IMG:style_emoticons/default/smile.gif)