Div overlay on top of percentage based image div?

Continuing the discussion from Div Content on Rollover:

Hi Anna—

I used your guidelines above to create a a color change of icons upon rollover. This was easy to do because the icon to appear on rollover was the exact dimensions of the icon used for normal state.

Now…I’m attempting a similar interaction but with percentage based normal state image and 2nd div sans an image:

• I have a full width horizontal row of 6 image divs set to 16.6667% wide / auto height (the percentage changes at different breakpoints)

• I would like an overlay with copy to appear upon rollover of each individual image div

• I need to know how to tell the overlay div to be the same size as the percentage based div that is determined by the image within it?

*** I don’t want to share my site on the forum until it is complete.

Thanks!

And, once again, I figured it out right after submitting my question! :stuck_out_tongue: