Unpredictable/Stubborn click event | HTML5 JS

Hello

I have a click event on a MovieClip that only intermittently/arbitrarily responds. There is also a RollOver/Out event that responds alright, so I know the bounding box is working. I have put a rectangle at 0% Alpha inside the MovieClip just to cover more area. I have another click event in the beginning of the video (seen below) that works correctly 100% of the time. I put a small animation on my cursor each time I click in order to see where and when I am clicking.

here is the code relevant to the "info" MovieClip

this.info.addEventListener("click", fl_MouseClickHandler.bind(this));
function fl_MouseClickHandler(e) { 
     if (e.currentTarget == this.info) {
          alert("clicked!");
     }
}
stage.enableMouseOver(3);
this.info.addEventListener("rollover", MouseEventHandler.bind(this));
this.info.addEventListener("rollout", MouseEventHandler.bind(this));
function MouseEventHandler(e) {
     e.currentTarget.play();
}

Is this a common problem with roll over/outs and click events? Any advice? Thanks

Max