html - 絶対配置の子を持つ分数の高さ要素

Question

:before絶対配置の疑似要素を使用して要素のスタイルを設定しようとしています。私が現在これを達成している方法は次のとおりです。

.element:before {    
    content: "";
    display: block;
    height: 0;
    width: 0;
    border: 10px solid #ad0c38;
    border-right-color: transparent;
    border-bottom-color: transparent;
    position: absolute;
    bottom: 0px;
    right: -20px;
}

問題は、そのようにスタイル設定された複数の要素を持つリストがあり、要素の高さが分数になっている場合 (たとえばheight:10.3px、パーセンテージを使用すると分数を取得できることを思い出してください)、効果が 1 ピクセル上または下に移動することがあります。これは、次の Fiddle で実際に確認できます。

JS Fiddle と現在の動作

要素を常に四捨五入 (または四捨五入) するように強制することはできますか?それにより、ブラウザーが四捨五入した後、要素は常に同じピクセルの高さになりますか?