title: Fancybox removing scroll, shifts page
body: <p>When I click on a link that loads a Fancybox the whole background page shifts to the right do to fancy box removing the scroll bar. I have tried adding this JS as suggested in other forums but no luck. A link is below (click on a brand title), not sure why it would remove the scroll bar.</p>
  
  <p>I load the object like</p>
  
  <pre><code>&lt;div class="fancybox-hidden" style="display:none;"&gt;
                            &lt;div id="post-&lt;?php the_ID(); ?&gt;" class="brand_list" style="width:800px !important;"&gt;
                              &lt;h2&gt;The Beers&lt;/h2&gt;
                              &lt;div class="beers"&gt;
                                  &lt;?php the_content(); ?&gt;
                                  &lt;div class="clear"&gt;&lt;/div&gt;
                              &lt;/div&gt;
                            &lt;/div&gt;
                          &lt;/div&gt;
  </code></pre>
  
  <p>The Fix I tried</p>
  
  <pre><code> &lt;script type="text/javascript"&gt;
          $(".fancybox").fancybox({
          helpers: {
              title: {
                  type: 'outside'
              },
              overlay: {
                  locked: false
              }
          }
          }); 
          &lt;/script&gt;
  </code></pre>
  
  <p><a href="http://www.revolveis.net/watkins/watkins-distributing-idaho-falls/" rel="nofollow">The Issue</a></p>