bigbee - 5:06 pm on Sep 22, 2011 (gmt 0)

Hi all,

I have a bit of a problem I am trying to get around.

I have a piece of content containing a title with an image next to it, a tab system with sound cloud embedded audio.

I would like the image to be replaced by another similar image when any of this content is hovered over.

So would I be able to wrap all of this content in a div and then call some CSS to bring another image in place of the existing image when the mouse is over the div? Its basically a slightly more complicated image rollover that is triggered by hovering over the div and not just the image itself.

Any ideas?

I appreciate any help with this!

ps ( this is for a wordpress site, and I know it has issues with javascript within a post, so I am not sure if I can use javascript for this problem)