Rollover/Rollout stops working after the first rollover

I’m trying to create a rollover for a movie clip. On rollover, a line underlines the text, and when it rolls out, the underline reverses. This works fine the first time. The next time you rollover, the animation doesn’t work. Then when you move the mouse off the button, a line appears under the text and doesn’t go away.

Here’s my code on the invisible button.

on(rollOver){
this.gotoAndPlay(“animIn”);
}

on(rollOut){
this.gotoAndPlay(“animOut”);
}

on(press){
getURL(“link.html”, _self);
}