title: Firefox 100% height div - scrollbar showing up
body: <p>My Problem is described by this Code:</p>
  
  <pre><code>&lt;div class="test"&gt;&lt;/div&gt;
  &lt;div class="extra"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>Stylesheet:</p>
  
  <pre><code>    html, body {
      height: 100%;
      margin: 0;
      padding: 0;
  }
  div.test {
      width: 100%;
      background: #ccc;
      height: 100%;
  }
  div.extra {
      position:relative;
      height:50px;
      background:red;
      top:-50px;
  }
  </code></pre>
  
  <p>​or in this jsfiddle:</p>
  
  <p><a href="http://jsfiddle.net/XnKmW/3/" rel="nofollow">http://jsfiddle.net/XnKmW/3/</a></p>
  
  <p>If you look at it, all things are in place - like they should be.</p>
  
  <p>In Chrome and IE no scrollbar shows up. But in FF there is a scrollbar and you can scroll beyond that red div - this shouldn't be possible!</p>
  
  <p>Making the any of the divs positon:absolute is not the answer I am searching for.</p>