Topic awaiting preservation: Simple Menu recommendation

Hello,

I need to develop a very simple menu. Imagine:
The Title of a small area on the page, when you hover over it, up pops a menu with other relevant topics for the small area. The titles might be:

Calendar of Events
Active Events
Yohoo Group Events

Where "Calendar of Events" is default...
I'm going to start writing this using predifined DIV tags with absolute positioning I will use an element on the page to align them to. Good start?

Karl

I would like to extend credit to these two DHTML sites, they have been very helpful!


She explains how to move elements, and has a very simplified approach to browser sniffing.
http://jennifermadden.com/162/examples/dhtml/move.html

This is just way cool, I had trouble with her (above) position finding script but the element position script here is excellent:
http://www.quirksmode.org/js/findpos.html#

So, I'm on my way. I have a very simple example of script which moves a div to the location of an existing element. I'll work on hiding the div's tomorrow. And somehow creating a roll-over effect -- oh, I bet I could accomplish something with CSS - once the layer is visible.... (thinking outloud).

Karl

I did it! Wrote my first dynamic menu system and content. Hope it works on multi-browser! I did cross-browser coding, but not sure if I got all of that right.

Please have a look, I would like your feedback:
http://www.meetscoresonline.com

~ Hover over the Title "Calendar of Events" ~

Problems I have discovered and would like help with:
1. Menu doesn't always go away
2. There is nothing that says the title is a roll-over. Any suggestions on how to design that better?

I appreciate the help!
Karl..