rolling off button with mouse down issue

My MC button is now working as expected with one problem... when I click the mouse button when over a MC button then roll the mouse off the button and release the mouse button, the button stays 'hilighted' (in frame 3 of the button MC) until you roll the mouse over it again.

I'd like it to stay highlighted only as long as the cursor is over the button and the mouse button is held down...when you roll the mouse cursor off the button it should release it and send it back to frame one of the button MC. Does that make sense?

Here is the code:

btn1.onRollOver = function() {
this.gotoAndStop(2); //highlites the button
this.dt.text = menuArray[0][0];
}
btn1.onRollOut = function() {
this.gotoAndStop(1); //normal stop of button - waiting
this.dt.text = menuArray[0][0];
}
btn1.onPress = function() {
this.gotoAndStop(3); //button highlighted in bright colors
this.dt.text = menuArray[0][0];
}
btn1.onRelease = function() {
this.gotoAndStop(1); //set button look back to normal state
this.dt.text = menuArray[0][0];
gotoAndStop('part1modules');
}

RonM

Try looking into "onRollOut" and "onReleaseOutside" and see if that helps.

onReleaseOutside did it, thank you!