br を子に持つ要素をフロートさせた際の幅が Firefox だけ微妙に違う

幅 300px の画像 2 つと br 要素を子に持つ li 要素の周囲に 5px のマージンを付与したものをフロートで横並びにしようとしている。li 要素の幅は指定せずとも非置換浮動要素の幅計算ルールによって算出値は 300px となるはずなので、親の ul 要素の幅は 620px あれば横並びさせるのに十分な計算だが、Firefox の最近のバージョンではそうならずに崩れる。br 要素がわずかながらも幅を持つのが原因のようだが、v45 あたりのバージョンでは(同様にわずかな幅を持つというのに)同じコードでも大丈夫だったりして、なんかよく分からない。

このデモを参照している記事
br を子に持つ要素をフロートさせたら、Firefox だけ幅の計算値が微妙に違っていてレイアウトが崩れた話