【Chrome43】floatで0.016pxの隙間ができて崩れる

先月末くらいから話題のやつです。ようやく自分の端末でも起きたのでメモ。
43.0.2357.124以降で起きてるっぽい？

<ul>
    <li>
        <img src="http://placehold.jp/150x150.png" alt="">
    </li>
    <li>
        <img src="http://placehold.jp/150x150.png" alt="">
    </li>
    <li>
        <img src="http://placehold.jp/150x150.png" alt="">
    </li>
</ul>

対処

CSSでどうにかする

img（inline-blockのもの）にdisplay: block;

img {
    display: block;
}

（文字を使っていなければ）floatしている要素にfont-size: 0;

li {
    font-size: 0;
}

floatしている要素に幅を指定

li {
    width: 150px;
}

font-familyにVerdanaを指定（追加でOK）

ul {
    font-family: Verdana;
}

font-familyにMeiryoを指定（追加でOK）

ul {
    font-family: Meiryo;
}

HTML

要素内に「改行や空白」を含めない

<ul>
    <li><img src="http://placehold.jp/150x150.png" alt=""></li>
    <li><img src="http://placehold.jp/150x150.png" alt=""></li>
    <li><img src="http://placehold.jp/150x150.png" alt=""></li>
</ul>

デモ：forked: chromeでfloatした要素に幅を指定しなかった場合0.016pxがはいる - jsdo.it