javascript & css hover menus

i was wondering how one would make something like on this site:

www.edgenetwk.com

i want to use my existing menu bar to have a hover menu like the edgenetwk site has on top. any tutorials out there?

Simply add this code to your href

onmouseover="this.className='hoverClass'" onmouseout="this.className=''"

how would i define the properties of the hover menu? like width, colors, font, it's content?

Well you could use xml to create your menu... here a little example that use xml/xsl to create a context menu, you could use this to create your menu and ad extended properties to create width, colors, font, it's content.

http://www.15seconds.com/issue/010927.htm

Asking more or less "how do I get/implement a popup menu" like that is a big question. There are numerous cross-browser compatibility issues as well as script robustness. The good scripts are basically applications themselves and are quite large JS files for a web surfer to download. I studied the one at webref.com (hiermenu.com) way back. It was hard to follow as the code base grew so large and now they've made it a licensed product. Check out Dynamicdrive.com or other DHTML sites for good scripts. I know there was a personal site that had a really good one. Dynamicdrive typically links to the person's homepage too, so they're a good option to start with.

Hadley just posted this resource for another thread. Toward the bottom, it talks about creating a dynamic menu with css. It may give you some ideas on how to create your menu. Check it out.

http://www.alistapart.com/stories/taminglists/