チェックボックスとかアンカーのリンクの範囲を広げる

数字の1とか9とかにアンカーリンク張られてもクリックしづらいし、チェックボックスだって小さいのでクリックしづらい。
なので、テーブルタグとかdivで囲んで、その四角の中ならどこをクリックしてもアンカー踏んだりチェックしたりできるようにしよう。
ユーザビリティ溢れる。というか自分が使いづらい。

アンカーの場合

http://labs.unoh.net/2008/10/padded-block-links.html

チェックボックスの場合

http://lipidity.com/fancy-form/
もしくは

.nav label {
    margin-top: -23px;
    display: block;
    position: absolute;
    padding: 16px 29px;
}

.nav label:hover {
    border: 1px solid #666;
}

左から、平常時、「ID」列をマウスオーバー時、「削除」列をマウスオーバー時。
printscreenじゃマウスが写らんので分からんけど、四角内のどこにマウスがあってもこう変化して、クリックできる。

それにしてもこのcss、無理やりである。
え、IE？それなんて死ねばいいのにブラウザ？