Button overlap problem

I have a set of navigation buttons that go to frames and open different .swfs
The Commercial button and Music Video button are two movieclips
Commercial clip has 5 buttons inside the clip that stretch out 600 pxls across
Music Video button has 2 buttons inside the clip that stretch about 150 pxls across

Problem:

If you mouseover Commercial and you will see the secondary buttons appear within the mc (disregard links)

if I mouseover Music Video that button clip opens right on top of the Commerial button
only difference between these two buttons are:

Commercial has on rollover in hit state of commercial text
and
on rollout an invisible button on top of background length

while

Music Video has on rollover in hit state of Music Video text

and

on rollout an invisible button across entire stage (this was the original way I had both)

I need to know the best way to have both of these mc/ buttons co exist side by side without interfering with the other.

Eventually all the navigation will have the same mc / buttons as all will link to specific swfs.

.fla is in the attached

Your help is so important and so appreciated as I try to find actionscript to use here but it seems no two tasks are the same.

any help?