:hover擬似クラス状態の要素にvertical-alignプロパティを指定しても無視される。
- Category: Mac, Safari, ver.3 Under
- Tag: :hover, vertical-align
例示
<style type="text/css">
<!--
a:hover {
background: aqua;
}
a:hover img {
vertical-align: bottom;
}
-->
</style>
<p style="font-size:24px;"><a href="./">img<img src="http://css-bug.jp/img/common/img01.png" alt="img" /></a></p>
リンクが:hover状態にないとき、画像の下端はベースラインに揃っています（'m' の下端に揃う）。リンクが:hover状態になると、画像の下端は行ボックスの下端に揃う（'g' の下端に揃う）はずです。
修正状況
リンクが:hover状態にないとき、画像の下端はベースラインに揃っています（'m' の下端に揃う）。リンクが:hover状態になると、画像の下端は行ボックスの下端に揃う（'g' の下端に揃う）はずです。
