Flytande meny i <map> tagg, går det?

[Hopan]

Hej!

Jag skulle vilja ha lite hjälp med en "flytande meny". Som ni ser i koden nedan så finns det "news" och "biography". Vill ha ytterligare två undermenyer till dessa och när man rör musen över så ska de visas. Går detta att göra i <map> taggen?

Har en javascript kod med bilder för varje text som fungerar. Men vill ändå kolla om det går att göra direkt i <map> taggen.

 

Tacksam för hjälp!

 

 

Har gjort en kod som ser ut så här:

 

<table width="800" border="0">

<tr>

<td><img src="milnav.jpg" width="800" height="140" border="0" usemap="#Map"> </td>

</tr>

<tr>

<td><iframe src="home.html" name="iframe1" width="791" height="412" scrolling="auto" frameborder="0"></iframe>&nbsp;</td>

</tr>

</table>

<div id="Layer1" style="position:absolute; width:200px; height:115px; z-index:1; left: 101px; top: 147px;"><img src="mille_ram.gif" width="800" height="420"></div>

</center>

<map name="Map">

<area shape="rect" coords="18,113,102,141" href="home.html" target="iframe1">

<area shape="rect" coords="114,113,189,139" href="news.html" target="iframe1">

<area shape="rect" coords="201,113,326,138" href="biography.html" target="iframe1">

<area shape="rect" coords="337,113,486,141" href="discography.html" target="iframe1">

<area shape="rect" coords="492,113,574,139" href="lyrics.html" target="iframe1">

<area shape="rect" coords="580,113,677,138" href="photos.html" target="iframe1">

<area shape="rect" coords="685,113,787,138" href="contact.html" target="iframe1">

</map>