Problem with movieClip rollover

1

I’ve got a button on the stage that I can’t quite get to work the way I need it to.

Basically, I need it to have a rollover in the initial state (which works fine) and then, in another state (represented by the onOff variable & mc), I need it to have a rollover that has a different size than the actual area being displayed (so that it will do the rollOut when the user leaves the area around the first line of text).

I thought I had it figured out by putting a hitSpot movieClip inside the box movieClip, but the box rollover function doesn’t let the hitArea rollover function through…

Here’s the code, and the fla is attached with some samples of what I’m trying to do.

 var onOff:Number = 0;
onOff_mc.onPress = function() {
    if (onOff == 0) {
        onOff = 1;
        this.gotoAndStop(2);
    } else {
        onOff = 0;
        this.gotoAndStop(1);
    }
};
box_mc1.hitSpot_mc.onRollOut = function() {
    if (onOff == 1) {
    this._parent.gotoAndStop(3);
    }
};
box_mc1.hitSpot_mc.onRollOver = function() {
    if (onOff == 1) {
    this._parent.gotoAndStop(4);
    }
};
box_mc1.onRollOut = function() {
    if (onOff == 0) {
    this.gotoAndStop(1);
    }
};
box_mc1.onRollOver = function() {
    if (onOff == 0) {
    this.gotoAndStop(2);
    }
};

Thanks!!