Mouse Over Menu

Hey All,

I'd image the answer to this question is very simple.

I have a menu inside flash. It's a drop down menu and it only shows options when it is hovered over with the mouse.

Frame 1 is the default menu.
Frame 2 is the dropped down menu.

Code:

---

function ShowMenu (event:MouseEvent):void
{
MenuButton.gotoAndPlay (2);
}

function HideMenu (event:MouseEvent):void
{
MenuButton.gotoAndPlay (1);
}

---

On the menu I want to have normal buttons but the problems is when I move the mouse over the buttons (Which are ontop of the menu) it thinks I want to hide the menu.

How would I get around this?

Are the buttons in the display list of the menu? They should be, then you add the MouseEvent.ROLL_OVER and ROLL_OUT listeners to the menu.