title: how to make fixed div to cover browser's scroll-bar?
body: <p>When I add <code>overflow: scroll;</code> to a fixed overlay <code>div</code> to make its content scrollable, I get two scroll bars in the right and bottom of a browser window, one is a browser's scroll bar and the second one is the div's scroll bar. How can I make the fixed scrollable div to cover up a browser's scrollbar?</p>
  
  <pre><code>div {
      position: fixed;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      overflow: scroll;
  }
  </code></pre>