title: Content outside "window" not visible?
body: <p>I'm trying to make a website with a top border running across, but when the browser window is compressed, and horizontal scroll-bars appear, the border at the top is visible only when the scrollbars is at their original position. If you scroll to the right, the border stops.</p>
  
  <p>HTML code:</p>
  
  <pre><code>&lt;div id='container'&gt;
      &lt;div id='content'&gt;
          As you can see, when the window is small enough for scrolling, the border only exists in the "original" window space.
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>CSS code:</p>
  
  <pre><code>* {
      border:0;
      padding:0;
      margin:0;
  }
  #container {
      border-top:1px solid green;
  }
  #content {
      width: 400px;
      margin: 0 auto;
  }
  </code></pre>
  
  <p>JS fiddle to show what's happening. (Resize your browser window so a horizontal scrollbar appears on the output window):
  <a href="http://jsfiddle.net/RL77f/" rel="nofollow">http://jsfiddle.net/RL77f/</a></p>