rollover menus in dreamweaver

how do i do this?

[rh317]

Hi.
I have a gif graphic on my top navigation bar. I am trying to have it so that when you roll over one of the graphics a menu comes down with a bunch of different options that the visitor can click on.
here is my code so far, i got this far with the help of online tutorials. All i basically have left to do is make it a rollover from my graphic. If it helps, i did make a menu in photoshop that i can use as the rollover as well.
<layer id="menu1" onMouseOut="MM_showHideLayers('submenu1','','hide')" onMouseOver="MM_showHideLayers('submenu1','','show')" left="81" top="136" width="187" height="241" z-index="1" bgcolor="#FFFFFF">
<p><font color="#990000" face="Arial, Helvetica, sans-serif" size="2"><b>Select
A Product:</b></font><font face="Arial, Helvetica, sans-serif" size="2"><br>
<font color="#990000"><b>Mp3 Audio Downloads</b>:<br>
Critical Issues<br>
Dimensions<br>
Family Values<br>
Holidays<br>
Jewish Life<br>
Mesilas Yeshorim<br>
<b><br>
Learning Programs</b>:<br>
Milestones in Jewish Philosophy<br>
New Heights in Jewish Prayer<br>
<br>
<b>Books:</b><br>
Reachings<br>
<br>
<b>Educational Posters:</b><br>
The Yeshiva World<br>
The 13 Ways of G-d</font></font> </p>
</layer>

Thank you for your help!

[krt1]

Use div tags, not layers

Make an image
<img src="..." onmouseover="showhide('menu','show')...

Then make a div tag under it with its original visibility set to hidden
<div id="menu" style="position: relative; width: 200px; visibility: hidden;">

[razinkane]

Why not just Insert-->Interactive Images-->Rollover Image?

[rh317]

That is what i think i am going to do. The only problem is that the rollover is like a list. I can't figure out how to get the list to go on top of everthing else and how to get the things on the list to become links.
Thanks for your help.