Making the "Hover" instance of a button stay after moving cursor

Question

Hello,
Here is what I am working on. http://www.2realonline.net/floorplan.html Seeing it will explain a lot more than this explanation will.
I am creating an interactive map. It has little bullets that, when you hover over them, display a short description of the room and a link to another page. What I am trying to do is make it so that the user can hover off of the bullet, and onto the link to the seperate page, without the link and description disappearing because of leaving the bullet's "hit" area.
Do I have to define another hit area for the description and link somehow?
Thanks. Any and all help is appreciated.

Answer 1

Thanks for your help. I appreciate it. I have run into a problem though.
As you said, I have created a movie clip with two frames, the first containin just the button image, and the 2nd containing the button image and the story part. (the 2nd frame contains the mc of the short hover animation
I have placed your code into the actions (with a slight modification, because an error message was coming up):
onClipEvent (load) {
mc.onRollOver = function(){
mc.gotoAndStop(2); // the button image and the story part
mc.onRollOut = function(){
mc.gotoAndStop(1); // just the button image
The only difference is "onClipEvent (load) {"
The end result is, and this is the problem — it appears to be playing as a regular movie clip. Without me rolling my mouse over it, it plays the two frames rapidly, and looped. Here it is: http://www.2realonline.net/try.html
Why is this happening? Thanks again.