テキストリンクの反応範囲を広げる方法

テキストリンクのhover反応領域に幅を持たせたいとき

●display:blockを書く

これで大体のブラウザは、aタグの親タグの幅を反応領域にしてくれる

ただ、IE6は聞いてくれない

そんな時は

●zoom:1;をつける

これでIE6でも上記のように反応してくれるようになる

○でも、さらに高さが足りない…！というときは

line-heightを増やすと　若干は改善される模様

-----------[サンプルコード]

<p><a href="#">リンク</a></p>

p {

width: 200px;
border: solid 1px #666666;
text-align: center;
line-height: 2.0;
}
a {

color: #0099FF;
display: block;
zoom:1;

}
a:hover {
background-color: #CCFF66;

}

**

mokkun