Rollover div to replace with another div
I am working on a site design that consists of a grid of 6 divs (2 rows of 3)
Each div has an image filling the entire div plus some live text. The image and text needs to be dynamic as it changes regularly via cms updates. This also applies to the rollover content.
I want to implement a rollover on each div so that different content is displayed when the mouse rolls over each div and it reverts back to the original when mouse leaves div.
Sounds quite straightforward but I am struggling to find a solution
Ideally the solution will work in ie7 but ie8 would probably be acceptable to client as a minimum.
Really appreciate any help on this.