title: Border around 100% body height and width (HTML 4.01 Strict)
body: <p>Okay, this is driving me crazy right now.</p>
  
  <p>I want to have a border around my document. It should be nicely going around the whole window/viewport. So I define:</p>
  
  <pre><code>body {
    border: 1px solid red;
  }
  </code></pre>
  
  <p>When my document is in quirks mode, this works fine. At least in IE, which is my primary target here. A red border shows up at the very edges of my page, obviously because by predefined CSS <code>body</code> and <code>html</code> are set to fill the screen.</p>
  
  <p>When going to standards mode by setting a HTML 4.01 strict DOCTYPE, <code>body</code> and <code>html</code> collapse to the <em>real</em> (smaller) size of the content, the border is drawn right through the middle of the screen. So I define:</p>
  
  <pre><code>body, html {
    padding: 0px;
    margin: 0px;
    border: 0px none;
    width: 100%;
    height: 100%;
  }
  
  body {
    border: 1px solid red;
  }
  </code></pre>
  
  <p>And I get &mdash; scroll bars, scrolling exactly <em>one pixel</em> to show the bottom/right borders. However, I want that border visible right away.</p>
  
  <p>Is there a no-bullshit (like "height: 99.9%;", "overflow: hidden;" or "switch back to quirks mode") method to get a border at 100%, without unnecessary scroll bars? IE-only is fine, cross-browser would be better, of course.</p>