Internet Explorer (MacOS) CSSバグリスト

:hover擬似クラスでvertical-alignが無効(5.x)

症状

:hover擬似クラス状態の要素にvertical-alignプロパティを指定しても無視される。

例示

<style type="text/css">
a:hover img {
  vertical-align: bottom;
}
</style>

<p style="font-size:24px;">
<a href="../safari.html" style="background:aqua;">img
<img src="../img/img01.png" alt="img"></a>
</p>

リンクが:hover状態にないとき、画像の下端はベースラインに揃っています（'m' の下端に揃う）。リンクが:hover状態になると、画像の下端は行ボックスの下端に揃う（'g' の下端に揃う）はずです。

修正状況

MacIE5.2でこの不具合が発生するそうです。