ＣＳＳで画像とテキストのポップアップをマウスオーバーで実装するには？

CSSを使ったポップアップで苦戦しています。マウスオーバーで画像を表示したりやテキストボックスを表示するCSSは出来るのですが、画像とテキスト両方を表示する方法がわかりません。やはりjavascriptを使用したlightboxなどを使わないと難しいのでしょうか？表示する内容は映画の写真とその関連情報（監督や配給会社など）で写真１枚、テキスト１０行くらいをコンパクトにまとめる形です。フラッシュは使用しません。何卒よろしくお願いいたします。

No.2 ベストアンサー 回答者： noname#83877 回答日時： 2009/02/15 00:42

http://homepage3.nifty.com/kmyh/gaku/hyouzi.html

このページの内容がわかりやすいかもしれません。

この回答への補足

返答が遅れて申し訳ございません。
ご回答、ありがとうございます。確かにわかりやすいですね。
頂いたページを元に試したのですが、今回は３列のテーブル（映画の作品名、配給会社、公開日）で記載された情報の中にボタンをつけ、それにマウスオーバーしたら情報が出てくるようにしたいので、組み込むことができませんでした。重ねてありがとうございました。

補足日時：2009/02/16 16:29

No.3 回答者： N_A_O 回答日時： 2009/02/16 19:56

下記参照

http://www.cssplay.co.uk/menu/mapper
http://www.cssplay.co.uk/menu/balloons

この回答へのお礼

ありがとうございます。
検討してみます。

お礼日時：2009/03/01 23:43

No.1 回答者： noname#83877 回答日時： 2009/02/14 16:23

IE7の普及があまり進んでいないので、今のところhtmlのことを考えるとcssでの実装は難しいと思います。

javascriptの方が無難でしょう。

この回答への補足

さっそくのご回答ありがとうございます！
確かにいろいろなブラウザで実験をしているのですがばらつきがありますね。初心者質問で申し訳ないのですが、javascriptを使って「マウスオーバー」で画像とテキストを出す仕組みって出来るのでしょうか？もしおわかりでしたらそのようなサンプルのあるサイトを教えていただけると助かります。

補足日時：2009/02/14 16:54