title: Different window/body sizes in different browsers
body: <p>I am implementing a fluid layout, which implies that sizes of elements on screen are computed using percentages rather than hardcoded in pixels.</p>
  
  <p>One thing I've notice is that, on the same screen with maximized window, different browsers simply have different <code>body</code> sizes to start with! As a result of that, a same <code>div</code> in different browsers will have slightly different sizes as well as positions.</p>
  
  <p>I've tested in Chrome, FF and Safari, and their body sizes when maximized are: 1280 x 702, 1279 x 687, 1280 x 684 respectively. It seems that the main difference is in the height, which might be explained by different designs/positions of the URL bar, tabs, etc?</p>
  
  <p>Is this something a developer just has to live with (especially when using a fluid layout)? If so, is there any remedy to ensure that an element always has exactly the same size in different browser? Or is there something else I've missed which causes such discrepancies?</p>