title: safari rounding down on subpixel calculations
body: <p>i have a container that takes up 829px on a row, and has a background-image of the same size.</p>
  
  <p>i have a div within that container that calculates its width based on the 829px container.
  on safari, the divs width comes out to be something like 173.8px, but since safari/webkit round down, its truncated and becomes 173px in width.</p>
  
  <p>this 829px container has 3 divs inline on the same row. the first div, 1px is lost, the second, 2px is lost, and by the third, 3 pixels are lost, so the third div is shifted left by three pixels. on an ipad, thats 6 pixels lost.</p>
  
  <p>i've tried to search for subpixel rendering problems, and ive read john resigs article and some other SO questions but i couldnt find a solution. </p>
  
  <p>on google, i found an article: <a href="http://www.pixafy.com/blog/2013/05/css-subpixel-rendering/#more-310" rel="noreferrer">http://www.pixafy.com/blog/2013/05/css-subpixel-rendering/#more-310</a>
  i tried to apply it to my situation, but i cannot get away with not setting a width thats calculated on the containers 829px.</p>
  
  <p>what can i do?</p>