title: JQuery IE jerky slide animation
body: <p>I have the following code to animate the showing/hiding of a div.</p>
  
  <pre><code>$(".headerClosed, .headerOpen").live("click", function(){
    $(this).next().slideToggle("slow");
  }
  </code></pre>
  
  <p>This shows and hides a div with the following markup:</p>
  
  <pre><code>&lt;div class="details"&gt;
    &lt;p&gt;Date&lt;/p&gt;
    &lt;p&gt;Text&lt;/p&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The problem is in IE(surprise, surprise!) when the div slides down the animation is smooth until the end when it jerks.  I know this is due to the padding/margin settings of the div. </p>
  
  <p>If I use a &lt;div&gt; instead of &lt;p&gt; then the animation is smooth, but as soon as I add any padding or margin to the &lt;div&gt; then the animation jerks.  How can you slide down a nice looking div with spacing if the padding and margin settings make it jerk?</p>