CSS - hover with multiple events

Does anyone know how to create the following page using css?

http://www.jeaninepayer.com/studio/rings.php#

plus add a product specific buy now button to each product displayed?

This has proven to be very tricky.

Thank you kindly
Natalie

it can be done, using good css positioning, you can make it, the rollover they have is just javascript which can be created also with a script i would say no more than 4 lines if that, if you want to learn more css go to www.htmldog.com and www.w3schools.com find the learn css link on the left

The "buy now" button could be a problem, though; it would have to be part of the smaller images that are hovered over, or else the hover state is lost.

I have used the css hover effect on all my links, and on the website reccommended , did not see anything about hover image swap with different actions can someone give me a sample code to run with and i do apreciate it.
=natalie