title: No scrollbar in fancybox2, and set size
body: <p>I've been trying to get the scrollbar to not show up in fancybox. 
  I've tried out the solution at <a href="https://stackoverflow.com/questions/12423954/fancybox-inline-to-have-no-scrollbars-and-be-100-and-fixed?answertab=oldest#tab-top">Fancybox inline to have no scrollbars and be 100% and &#39;fixed&#39;</a>
  but I can't get it to work. </p>
  
  <p>The one I'm working at is <a href="http://home.nith.no/~setkin11/advancedsearc1.html" rel="nofollow noreferrer">http://home.nith.no/~setkin11/advancedsearc1.html</a>
  I want the size to be set to a constant and the scrollbar to not show at all when it pops up. </p>
  
  <p><strong>Script</strong></p>
  
  <pre><code> $(document).ready(function() {
          $('#smallAdvanced_container').bind('click', function(){
              var container = $('#advanced_container');
              if($('#advanced_container').is(':hidden')) {
                  $('#advanced_container').show();
                  $.fancybox.open([container]);
              }
              else {
                  $('#advanced_container').hide();
                  $.fancybox.open([container]);    
              }
          });
          //$('#advanced_container').fancybox();
      });
  
      $('#advanced_container').fancybox({
           type: 'html', 
           width: 410, 
           height: 620,
           autoSize : false, 
           autoCenter: false, 
           fitToView : false,  
           scrolling : 'no' 
      });
  </code></pre>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;div id="smallAdvanced_container"&gt;
      &lt;img src="ribbon.png" alt="Search ribbon"&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p></p>