Opacity Interaction Bug on Multiple Hover Targets

I’d probably have the background of the information div fade in first, with the text fading in slightly behind—this should minimize the amount of text appearing “stacked” on each other. You could also fade out the default text at the same time you fade in the background color but that may not be necessary depending on how things look.