Big clunking boxes around buttons (grow when button moved)

Question

I've created a menu by first picking the blank menu, adding a background image, and 3 images then turned to buttons
I edited the rest of the look I wanted in photoshop... but I end up with some big clunking boxes around the buttons that grow when I select and move the buttons around.  I've included a small screen shot that shows the Red borders around the buttons. (Then turn green when selected).
How can make these boxes conform to the size of the image plus text?  What is it inside the botton groups in PS that control that?
I've also included a small screen shot showing the typical organization of a button in photoshop
PS - Oh, yes,   I did unhook automatic button routing and make sure the routing was what appeared sound.
And now the photoshop screenshot showing organization of buttons (2 open groups 1 closed to keep size down but the arragement is the same as the other two)

Answer 1

Stanley nailed it.
When doing editing in PS, I always turn on Visibility for each Button (remembering to turn the off, before the final Save), and then twirl closed each Button Layer Set. The reason for that is that I will then ONLY Select the entire Button Layer Set, when I begin moving things about. That keeps me from dragging an elemental Layer in the Button Layer Set and also making sure that any Move operation does so for every element in that Button Layer Set. Before I adopted that workflow, it was common for me to accidentally grab an element, and Move it, or grab most, but not all, leaving elements behind. Now, I cannot make that mistake.
Also, and as an aside, one can increase the area of a Button, if needed. Normally, we're trying to shrink the size of a Button to allow for tighter locations on a Menu, but imagine that you have done dupe Menus, so that a graphic appears to be part of the Button in a roll-over state. On a computer, the user will need to Dbl-click on the initial Button, as a computer DVD software player will not allow for AutoActivation. If there are elements that "appear" to be part of the actual Button, but are not, the computer user might be clicking on areas that are NOT part of that Button. By including a larger, but totally transparent rectangle, the area of the Button has been increased to what the user might expect it to be. It's almost like including an "Easter egg" inside a real Button. As you have seen, one does not need be able to see all of the elements of a Button, but the Bounding Box will definitely be influenced by the largest element of that Button, and all others, if they are outside of the bounds of that one. That Bounding Box will transcribe a rectangle that encompasses ALL elements in that Button, and leave a few pixels around them.
Good luck,
Hunt