title: IE is 1 pixel too high
body: <p>I am developing a site to be used in full screen on the browser, at a height of 1080px, on a monitor that's 1920 by 1080 resolution. </p>
  
  <p>In IE the site is 1 pixel too high which means a scroll bar is displayed. An example is below:</p>
  
  <pre><code>&lt;html&gt;
  &lt;style&gt;
      body {
          margin: 0;
          padding: 0;
      }
      .main {
          height: 1080px;
      }
  &lt;/style&gt;
  &lt;body&gt;
      &lt;div class="main"&gt;
      &lt;/div&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p></p>
  
  <p>Potential solutions (a last resort) are:</p>
  
  <ol>
  <li>Set overflow to hidden.</li>
  <li>Set the height to 1079px.</li>
  </ol>
  
  <p>The site will be utilised as an iframe in another site so I don't wan't to use these solutions and properly fix the issue.</p>
  
  <p>Does anyone have any ideas?</p>