CSSリスト表示-追加質問-

質問

http://oshiete1.goo.ne.jp/qa3414547.html
で勢いあまって質問を締め切ってしまったあとに気がつきました（泣）

widthを削除してしまうと、リンクの範囲がテキストの範囲だけになってしまうのです。
申し訳ないですが、180pxいっぱいにリンク範囲を指定したまま、背景が表示される方法をどなたか教えてください。
よろしくお願いします。

回答No.2

Questa · ベストアンサー

WIDTHを削除することで、テキスト部分だけが HOVER領域になるのは、IE6のバグです。

親要素に WIDTHがあるときは、DISPLAY:BLOCK を指定した A要素にも WIDTHを指定するか、
親要素に overflow:hidden を書き加えることになります。

ご質問の例ですと、width:180px のある DIV要素に overflow:hidden を追加するのが最も簡単でしょう。
http://www009.upp.so-net.ne.jp/custom/sample1_1.html

もし悪影響が出る場合は、A要素に % ではなくピクセルで値を指定することになりますが、
XML宣言をなさっている関係で、IE6 と他のブラウザ間で指定する値が異なりますので、
やや面倒な書き方になります。

お礼

適切なご回答をありがとうございました。
最終の手段でアンダースコアハックで対処しようと思っていました。
大変助かりました。

回答No.1

leap_day

こんにちは

下のボーダーラインが背景色より短いという点ですか？

それであれば#category li { } ではなく#category li a { }の方に
border-bottom: 1px solid #999999;　を書けばいいと思います

お礼

ご回答をありがとうございました。