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