title: overlay over scrollbar
body: <p>I'm sorry if the title is not very good, any suggestions are welcome.</p>
  
  <p>The entire page is an iframe onto another website (in this case, jquery.com just for demo purposes). I have an overlay "Hello World", and if you click on the X it minimizes it (click again it will open it).</p>
  
  <p>My issue in this case is that it covers the scrollbar on the right.
  I assume the reason is I have a CSS positioning the sidebar at right:0, however since it's an iFrame it doesn't count the scrollbar.</p>
  
  <p>What are my options for working around that?
  I thought of giving it some extra space, but how do I know if the page really has a scrollbar, or how big the scrollbar is?
  Is there a way to place the overlay at a position WITHIN the iframe instead?</p>