Im guessing you have some type of on click event or hover event, so when you click or hover over the div something happens.
If you are asking how to change the area that is avaliable to the user when they click or hover, why not assign the hover or click event to a transparent rectangle, size and position it exactly where you want the user to be able to interact with it, make sure it is the top element (above other elements in the symbol) then it will react as expected.
Don't make the Lodging/Accomadations the trigger. Rather, do this:
Draw a rectangle the size of your preferred trigger area on the Stage.
Make it transparent.
Turn it into a Symbol.
Drag an instance of the Symbol onto the Stage and place it over the area you want triggered.
Assign the appropriate actions.
Thanks Justin and CTL. That sounds like a good solution.
Do you guys know what that dotted line is around the "LODING/ACCOMMODATIONS" button in my screen-shot above?
I'm not sure when that appeared and what it is!?
i think its the outer dimensions of your symbol.
Thanks Justin and CTL. That worked like a charm!