イメージのホバーに問題がありますか？

Question

さまざまな画像を列に並べるようにギャラリーを作成しました。画像はiframeへのリンクなので、クリックすると画像を記述するWebページが読み込まれます。私が統合したいギャラリーの1つの機能は、ユーザーがイメージを上に置いたときにイメージの名前が表示されることです。 1つの瑕疵があることを除いて、これはほとんど機能しています。画像の名前は、画像の右下ではなく、含まれているdivの右下に表示されます。これをどうすれば解決できますか？ここでは、スタイルシートであるhttp://www.givetoagiver.co.cc/gallery.php と：：ここではウェブページです http://www.givetoagiver.co.cc/style.css ありがとう

Answer 1

追加：すべての

position: absolute; right: 0; bottom: 0 

Aに

ul.ulgallery li { 
position: relative; 
} 

Answer 2

そのを：ホバーを取っていますposition属性を持つ最初の親からの絶対位置です。ボディ（ページ全体）がデフォルト

が

li { position: relative} 

を与え、その後、あなたの

.imgteaser a:hover {top: 0; left: 0}