title: Make scrollbar appear inside div
body: <p>I can't find a clear answer on the following:</p>
  
  <p>I have this html:</p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
      &lt;title&gt;Title blabla&lt;/title&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
      &lt;div id="gHeader"&gt;
      &lt;/div&gt;
      &lt;div id="gBody"&gt;
      &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>gHeader is the header part, this is where the menu goes, gBody is the body part, this is where everything else goes.</p>
  
  <p>When I get a lot of content in gBody, more than can fit on the screen, a scrollbar appears on the right. Problem is that this scrollbar pushes gHeader a bit to the left.</p>
  
  <p>The solution I'm searching for is that when a scrollbar appears, it only appears in gBody, and not partly on gHeader.</p>
  
  <p>I don't want a scrollbar to influence the look and feel of my header. Especially because a part of my menu starts from the right. Is this possible?</p>