css - Internet Explorer 7 - 絶対位置 - ドロップダウン メニュー

Question

以下の URL にドロップダウン メニューを配置するのに大きな問題があります (Internet Explorer 7 の問題のみ)。

http://tinyurl.com/y7v2qj9

メニューにカーソルを合わせると、画像の後ろにドロップダウンが表示されます。これは IE8 や Firefox では発生せず、IE7 でのみ発生します。私が気付いていない特定のバグに関連しているに違いないと思います。解決策が見つかりません。

よろしくお願いいたします。

Answer 1

リスト項目にz-indexは、画像よりも高い値を指定してください。例えば：

ul.dropdown li {
    z-index: 10;
}