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

症状

マージンやパディングを%単位の値で指定した要素の内部にあるリンクに対し、: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の標準モードと互換モードで不具合の発生を確認しました。

スポンサーリンク