GoogleChromeでアンカーテキスト:hoverでアンダーラインがレンダリングされない

テキストサイズが12px（以下）時にアンカーテキストに:hoverにtext-decoration: underline;を指定するとうまくアンダーラインがレンダリングされない。

a:hover {
  text-decoration: underline;
}

解決方法はテキストサイズを最低でも13pxにするか.

:hoverにpadding-bottom: 1px;を指定する。

a:hover {
 padding-bottom: 1px;
 text-decoration: underline;
}

 いろいろ試しましたが、この二つしか見つかりませんでした。

1. テキストサイズを最低でも13pxにする
2. :hoverにpadding-bottom: 1px;を指定

モヤモヤしたままです。