title: CSS: gutters on the right side of a scroll bar
body: <p>I have a nice div in the middle of my page.
  On the top there is a menu div. On the Left there is another div.</p>
  
  <p>The divs have margins so that there is nice gutters between them. 
  So far so good. </p>
  
  <p>The only problem is that if my div in the middle of the page grows in content 
  a scroll bar appears (this is okay)
  but what I would want is to have a gutter between the div and the scroll bar ?
  is it possible ? </p>
  
  <pre><code>+-----------+  ^   (see gap 20px between scrollbar and div)
  |           |  |
  |           |  | 
  |           |  |
  |           |  |
  |           |  |
  |           |  |
  +-----------+  
  </code></pre>