ヘルプ: ブロック内にリンクを表示するにはどうすればよいですか? _html/css_WEB-ITnose

以下のように: #menu ul li a {display:block;} が設定されています。マウスをその領域に移動すると背景色が変わります。マウスをテキストに移動すると li の背景色が変わるのはなぜですか?

#menu a:link {color:#666; text-decoration:none;}
#menu a:visited {color:#666;text-decoration:none;}
#menu a:hover {color:#ffffff ;text-decoration:none;font-weight:bold;}
#menu a:active {color:#ffffff;text-decoration:none;font-weight:bold;}

#menu ul li {background: #eef ; ボーダーボトム: 1px ソリッド #CCC; フロート: 左;
#メニュー ul li a {表示: ブロック; 幅: 168 ピクセル; } #メニュー ul li a:hover {background:#3ab3ec; font-weight:bold;}
#menu li a:active {background:#3ab3ec; }
ディスカッションへの返信（解決策）

理由がわかりました。絶対位置が設定された 2 つの DIV がネストされているためです。その結果、Web ページ全体の多くの要素が異常になります。

あはは、ホストはとてもかわいいです