title: jQuery UI Accordion "jumps" on load
body: <p>I just finished a portfolio website for a college web design/graphic design course, and I am using the jQuery UI accordion for my part of my navigation. <a href="http://www.brookecbenson.com" rel="nofollow">My website is live, you can click here to see it.</a></p>
  
  <p>If you click on "work," the accordion folds out, but you'll notice it does a little "jump" into place. I can't seem to figure out what's wrong. I've tried changing the autoHeight to false in the java script, which does nothing. </p>
  
  <p>Here's a fiddle with my HTML and CSS, but I noticed it renders a jump in a different way than my live site.. <a href="http://jsfiddle.net/jNYAc/" rel="nofollow">http://jsfiddle.net/jNYAc/</a></p>
  
  <p>The jQuery code I currently have is very simple:</p>
  
  <pre><code>$(function () {
      $(".accordion").accordion({
          active: false,
          collapsible: true
      });
  });
  </code></pre>
  
  <p>If anyone has any suggestions, I would really appreciate it!!</p>