title: Inconsistent CSS background-repeat count on different browsers
body: <p>I'm using a repeating pattern as a background-image of a div:</p>
  
  <pre><code>&lt;div style="width:200px; height:100px; background-image:url('test_pattern.png'); background-repeat:repeat-x;"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>test_pattern.png is 25 pixels wide, so I expect it to repeat 8 times in the div that's 200 pixels wide. This is exactly what I get on Safari. However, chrome repeats the pattern slightly more than 8 times. Even stranger, when I take a snapshot of the chrome page, it turns out that the div is 220 pixels wide, not 200! Is there anyway to make this consistent on all browsers?</p>
  
  <p><a href="https://i.stack.imgur.com/uny3g.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/uny3g.png" alt="Safari and chrome rendering:"></a></p>