title: Need help avoiding double vertical scrollbars
body: <p>I am running into an issue with a Disqus iframe inside a div I have within the class "wrapper." It shows a scrollbar, even though the browser itself has a scrollbar for the large image that's also in the browser.</p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;section id="commentContainer" class="darkbgType"&gt;
      &lt;div id="commentPane"&gt;
          &lt;div class="wrapper"&gt;
              &lt;h2 class="pbxl"&gt;File Title&lt;/h2&gt;
              &lt;!--Disqus--&gt;
              &lt;div id="disqus_thread"&gt;&lt;/div&gt;
              &lt;script type="text/javascript"&gt;
                  /* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
                  var disqus_shortname = 'inspectacle'; // required: replace example with your forum shortname
                  var disqus_identifier = '@file.fileHash';
                  /* * * DON'T EDIT BELOW THIS LINE * * */
                  (function() {
                      var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
                      dsq.src = 'http://' + disqus_shortname + '.disqus.com/embed.js';
                      (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
                  })();
              &lt;/script&gt;
              &lt;noscript&gt;Please enable JavaScript to view the &lt;a href="http://disqus.com/?ref_noscript"&gt;comments powered by Disqus.&lt;/a&gt;&lt;/noscript&gt;
              &lt;a href="http://disqus.com" class="dsq-brlink"&gt;comments powered by &lt;span class="logo-disqus"&gt;Disqus&lt;/span&gt;&lt;/a&gt;&lt;!--end Disqus--&gt;
          &lt;/div&gt;&lt;!--end wrapper--&gt;    
      &lt;/div&gt;&lt;!--end commentPane--&gt;
  &lt;/section&gt;&lt;!--end commentContainer--&gt;
  </code></pre>
  
  <p> </p>
  
  <p><strong>CSS</strong></p>
  
  <pre><code>#commentContainer {
      position: fixed;
      right: 0;
      top: 0;
      overflow: hidden;
  }
  
  #commentPane {
      background: #181818;
      height: 100%;
      padding: 40px 24px 40px 40px;
      width: 300px;
      position: fixed;
      overflow: hidden;
  }
  
  .wrapper {
      overflow: auto;
      height: 100%;
      width: 100%;
  }
  </code></pre>