Setting 3 images to one CSS rollover effect?

Hi I'm using the css rollover code to change out a hyperlink image, but now I need to change another set of image. User hovers over Fun Facts and the menu button changes but I have another image below the menu that I would like to ch开发者_如何学JAVAange as well. Do I have to do a div show/hide for the second sent of images or can I tie two images into a hover css effect to change?

Perhaps what you're doing is similar to this? http://css-tricks.com/css-sprites/

You can use CSS Image Sprites

one for a:link, a:visited and another for a:hover

You should use a CSS Sprite to change the images. Low system impact, works without JavaScript. Here are a few references:

http://www.smashingmagazine.com/2009/04/27/the-mystery-of-css-sprites-techniques-tools-and-tutorials/

http://css-tricks.com/css-sprites/