I have a small project where I have a content box that will have its content change on hover. I want it to be responsive and fluid. I've tried using only CSS, which worked okay, but not ideal.

I want to make sure I'm doing this as efficiently as possible and have a few general ideas:

• Use a long unordered list and shift its position with overflow:hidden
• Use multiple divs with display:none
• Use multiple divs and overlap

Is there a standard to this? I'm running into trouble when I have this content box in a parent with other content boxes.