title: FancyBox not scaling to the height of inline content
body: <p>I've got a link which triggers a hidden div which is supposed to show in a fancybox. The content in each hidden div is of different heights. Right now, when the fancybox opens, the div content extends beyond the borders of the fancybox. It's not resizing for some reason.</p>
  
  <p>Here is a sample of the html:</p>
  
  <pre><code>&lt;div class="faqWrapper"&gt;
  &lt;a class="faqLink" href="#faqContent1132116"&gt;How Do I Join?&lt;/a&gt;
  &lt;div id="faqContent1132116" class="faqBox"&gt;
  &lt;div class="fancybox_wrapper_content"&gt;&lt;p&gt;How Do I Join?&lt;/p&gt;
     &lt;p&gt;Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Morbi commodo, ipsum
     sed pharetra gravida, orci magna rhoncus neque, id pulvinar odio lorem non turpis.
    Nullam sit amet enim. Suspendisse id velit vitae ligula volutpat condimentum. Aliquam 
    erat volutpat. Sed quis velit. Nulla facilisi. Nulla libero. Vivamus pharetra posuere 
    sapien. Nam consectetuer. Sed aliquam, nunc eget euismod ullamcorper, lectus nunc 
    ullamcorper orci, fermentum bibendum enim nibh eget ipsum. Donec porttitor ligula eu 
    dolor. Maecenas vitae nulla consequat libero cursus venenatis. Nam magna enim, 
    accumsan eu, blandit sed, blandit a, eros.&lt;br&gt;&lt;/p&gt;
  &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Here is the trigger code for the fancybox:</p>
  
  <pre><code>$("a.faqLink").fancybox({
      type : 'inline',
      autoScale : false,
      autoDimensions : true
  </code></pre>
  
  <p>Any idea how to get the box to resize. I've tried the resize function but it breaks the code. I must be implementing wrong. Here's what I've tried.</p>
  
  <pre><code>$("a.faqLink").fancybox.resize();
  </code></pre>