The rollover image above is accomplished with a single image and some CSS to change the background position property of the background image. This gives you a quick, responsive rollover without flicker and eliminates the need for using javascript to preload rollover images. View the source to see the CSS. This examples changes the vertical positioning, but this can also be accomplished by changing the horizontal positioning.

Some additional resources/information on this type of CSS Rollover:

• http://www.alistapart.com/articles/slidingdoors/
• http://www.tanfa.co.uk/css/examples/rollover-images-no-preload2.asp