Menu/submenu managing and Event Listening problem

Question

Hi guys,
I'm creating a flashwebsite and I've got a problem with submenu appearing/disappering.
What is extremely easy in html/jquery is taking me overburned in actiuonscript: make appear a submenu only when the mouse cursor is over its button and not over itself.
Indeed I've my button/MC, that contains its submenu (which is a vertical list of MC), and when I go over it, submenu appears, when I leave, sub menu becomes invisible.
BUT, when I go over the space under the button (where my invisible submenu is), submenu become visible another time. I know that cause is the listener associated to the main button is linked to all its nested MC.
My question is: there is a way to declare a listener only to a MC and not for all is nested elements?
If not, what shopuld I do for my pourpose?
function createNav(lang:String = 'it') {
    var nav:Array = new Array({label: "CHI SIAMO", url: "../chi-siamo/index.php"},
                              {label: "PRODUZIONE ESECUTIVA", url: "../produzione-esecutiva/index.php"},
                              {label: "FILMOGRAFIA", url: "../filmografia/index.php"},
                              {label: "CAMPILOTS", url: ""},
                              {label: "PROGETTI", url: ""},
                              {label: "NEWS", url: ""},
                              {label: "CONTATTI", url: ""},
                              {label: "LINGUE", url: "", submenu:new Array({label:"ITALIANO", url:""},
                                                                           {label:"INGLESE", url:""},
                                                                           {label:"TEDESCO", url:""},
                                                                           {label:"FRANCESE", url:""}
    var navHeight:Number = 25;//single element height
   //BUTTON CREATION
    for (var i = 0;i < nav.length;i++) {
        var item:MovieClip = new NavLink();
        item.label.text = nav[i].label;
        item.href = nav[i].url;
        if(nav[i].submenu != null){    //SUBMENU CREATION
            for(var j:int = 0; j < nav[i].submenu.length; j++){
                var subLabel = new SubLabel();
                subLabel.x = subLabel.y = 18 * (j + 1);
                subLabel.tfMC.text = nav[i].submenu[j].label;
                item.addChild(subLabel);               
        item.buttonMode = true;
        item.mouseChildren = false;
        item.addEventListener(MouseEvent.CLICK, function(e) {
            href = e.target.href;
            gotoAndPlay('page2page');
        var subMenuAnim:Array = new Array();
        item.addEventListener(MouseEvent.MOUSE_OVER, function(e) {
            var iconCocc:MovieClip = e.target.coccinella;
            var iconRotTween:Tween = new Tween(iconCocc, "rotation", Back.easeOut, iconCocc.rotation, (iconCocc.rotation + ((Math.random() * 200) + 200)), 2, true);
            //APPREAING ANIMATION
        item.addEventListener(MouseEvent.MOUSE_OUT, function(e) {
            for(var i:int = 0; i < subMenuAnim.length; i++){
               //DISAPPREAING ANIMATION
            subMenuAnim = new Array();
        item.y = navHeight * i;
        item.visible = false;
        item.coccinella.rotation = (Math.random() * 200);
        nav_container.addChild(item);

Answer 1

What are you doing to make the submenu invisible?  If you set its visible property to false it should not interact with the mouse, but if you are changing its alpha property to 0, it will react.