Force a Hover behavior for a button under Text/Icons/Images

I have a Menu button that I'm using:

• Text (User Name)
• Text (Title)
• Button (Navigate Away)
• Button2 (Background, treating like a container)

Currently, I can hover over Button2 and it turns grey instead of white (as intended). BUT if I hover over the space where the Text is, then it doesn't work because of the layers. If I move Button2 ahead of Text, then it works but it greys-out the Text since it's ontop.

How do people get around this?