rollover link displays image

[teedoff]

Not sure if I should post this here. But I know you can create rollovers to display image "popups" using jQuery. I'm sure there are some drawbacks to using this method, such as the drawbacks to using javascript in general...ie people turning off js and such.

My question is this:

Is there a way to create something similar to this without using javascript? What I mean is, I have an online order form that accepts credit cards for payments. I have two images linked to text so that people can see where to find their security code on their credit card. I would love to be able to just have an image pop up that displays these images when the user rolls over the links. Is this possible in other ways beside client side scripting?

Thanks for any suggestions or pointing me in the right direction.

[scrappedcola]

http://meyerweb.com/eric/css/edge/popups/demo2.html. Basically place a span with the content inside of the anchor and show/hide it with by targeting the a:hover css property with the span.

[teedoff]

Thanks for the link and help! Awesome. I have it working now. Just have to tweak the positioning of the rollover popup.

[Ritesh_4]

Can have a look as well on this: http://csshowto.com/effects/pure-css-popup-thumbnails/