次のような単純なテーブルがあります。
<table border="1">
<tr>
<td>title1</td>
<td>title2</td>
<td>title3</td>
</tr>
<tr>
<td><a href="#">item1_1</a></td>
<td><a href="#">item1_1</a></td>
<td><a href="#">item1_1</a></td>
</tr>
<tr>
<td><a href="#">item1_1</a></td>
<td><a href="#">item1_1</a></td>
<td><a href="#">item1_1</a></td>
</tr>
<tr>
<td><a href="#">item1_1</a></td>
<td><a href="#">item1_1</a></td>
<td><a href="#">item1_1</a></td>
</tr>
</table>
私のCSSと組み合わせると、結果は次のようになります: http://jsfiddle.net/yzsfH/
ご覧のとおり、テーブルにカーソルを合わせると、テーブル内のハイパーリンクが「移動」します。もちろん、その動きは望ましくない効果であり、私はそれを取り除きたい. いろいろ調べてみましたが、満足のいくものは見つかりませんでした。
なぜこれが起こっているのか、それを修正する方法を誰かが説明できますか?