<!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>