複数列で並んでいる商品一覧ページを作成しまして、
「商品画像」をマウスオーバーしたときに、商品画像と商品情報を囲うようなフレームを設けたいのですが、
方法としてどのような方法が考えられるでしょうか？

マウスオーバーによる画像切替を読んでみたのですが、元々の商品画像は生かした形で実現したく悩んでおります。


アドバイス等頂けませんでしょうか。よろしくお願い致します。