[PR]テレビ番組表
今夜の番組チェック

Internet Explorer (Windows) CSSバグリスト

アンカーを:hover状態にすると%値指定のマージンやパディングの量が変化する(6.0)

症状

マージンやパディングを%単位の値で指定した要素の内部にあるリンクに対し、:hover擬似クラスに背景を指定したとき、そのリンクが:hover状態になるとマージンやパディングのサイズが変化する。

例示

<style type="text/css">
a:hover {
  background-color: yellow;
}
</style>

<div style="margin-left:5%; float:left; width:50%; background:aqua;">
<a href="b038.html">リンク</a>
</div>
<div style="padding-left:5%; background:lime; clear:left;">
<p><a href="b038.html">リンク</a></p>
</div>
リンク

リンク

リンク部分にマウスポインタ等を乗せると、フロートにしているdiv要素のボックス自身や内容物の文字列が左方へ移動します。

修正状況

WinIE6.0の標準モードと互換モードで不具合の発生を確認しました。