<!DOCTYPE HTML>
<html>
<head>
<title>Pixel rounding testcase</title>
<style type="text/css">

html, body { margin: 0; border: none; padding: 0; }
div { position: absolute; top: 10px; height: 11px; width: 10px; }

div { background: green; }

</style>
</head>
<body>

<div style="left: 10px"></div>
<div style="left: 30px"></div>
<div style="left: 50px"></div>
<div style="left: 70px"></div>
<div style="left: 90px"></div>
<div style="left: 110px"></div>
<div style="left: 130px"></div>
<div style="left: 150px"></div>
<div style="left: 170px"></div>
<div style="left: 190px"></div>
<div style="left: 210px"></div>
<div style="left: 230px"></div>
<div style="left: 250px"></div>
<div style="left: 270px"></div>
<div style="left: 290px"></div>
<div style="left: 310px"></div>
<div style="left: 330px"></div>
<div style="left: 350px"></div>
<div style="left: 370px"></div>

<div style="top: 30px; left: 10px; width: 30px; height: 31px">
  <div style="background:white; top: 10px; left: 10px"></div>
</div>

</body>
</html>