:hover擬似クラスに何らかの指定をしたスタイルシートを使用する文書では、リンクが:hover状態になると親要素のボックスの幅が広がることがある。
- Category: Internet Explorer, Windows, ver.6 Under
- Tag: :hover, width, ボックス, 親要素
例示
<style type="text/css">
<!--
a:hover {
background: red;
}
-->
</style>
<table border="2" style="position:absolute; bottom:0;">
<tr>
<td><a href="./">リンク</a></td>
</tr>
</table>リンク文字列にマウスポインタ等を乗せるとテーブルの幅が広がるようです。
報告書き込み
【IE5.01/Win98SE】
a:hoverをセレクタにすると { }の中に/*コメント・アウト*/以外の
如何なる文字列を書き込んでも、それが無視すべきものであっても反応する。
例）
リンク要素の親要素に{position:absolute;bottom:0;}だけ指定してある。
a:hover { 12345 }みたいに何ら意味のない記述であっても
リンクにマウス・カーソルを乗せると親tableの幅が変化して横スクロールが発生することがある。
でも空白を無くしてa:hover {12345}なら変化しなかった。
A:hover {color:red; }はバグ起らず、指定の変化のみ。
A:hover {col0or:red; }だと、無視すべきなのに、やはり変化あり。
A:hover {background:red; }ではやはり幅も変化。
シート内にはこれ以外何もスタイル指定してない。
謎だ。
未確認バグ（>>819）
:hover状態になると親要素のボックス幅が広がる(5.0)
http://css-bug.jp/win/ie/ver6_under/0372/
これが起ったのは、リンク・アンカーが連続して列べてある場合でした。
↓ここの例示みたいな。
http://css-bug.jp/mac/ie/0183/
但し他にもHTML側の再現条件があるのかもしれません。
