androidのchromeでフォントサイズ12px以下だとline-heightがおかしくなる?

androidのchromeで下記の様にフォントサイズ12px以下だとline-heightがおかしくなる。

<div style="background-color: #333333; color: #ffffff; font-size: 10px; line-height: 30px; text-align: center;">
ほげほげほげほげほげほげほげほげほげ
</div>
<div style="background-color: #333333; color: #ffffff; font-size: 12px; line-height: 30px; text-align: center;">
ほげほげほげほげほげほげほげほげほげ
</div>

背景とかつけるとかなり狂っているのが確認できました。
そもそも小さく作るのはよろしくないんだな。。。

androidのchrome限定なのでshareは低いかもしれませんが。

サンプル
http://bh0505.com/test/sp/line_h.html