title: Div not moving when adjacent div is expanded via jQuery slideToggle
body: <p>when my slideToggle div is expanded, the content overlays the div below it (.fragHeader) instead of pushing it down. I added a huge 200px bottom margin (for fun) to the expanding div (.fragListMoreText) and .fragHeader remained in position, while the div below it (.fragNav) was moved appropriately. Here's a link to the page in question (I've eliminated the 200px margin):</p>
  
  <p><a href="http://mentalwarddesign.net/Andrea/Fragrances/baked.html" rel="nofollow">http://mentalwarddesign.net/Andrea/Fragrances/baked.html</a></p>
  
  <p>The jQuery is working fine so I won't include that code, but here's the pertinent CSS:</p>
  
  <pre><code>.fragListShowHide {
      font-family: Verdana, Geneva, sans-serif;
      font-size: 11px;
      line-height: 18px;
      font-weight: normal;
      color: #009b7b;
      width: 520px;
      height: 72px;
      padding-left: 10px;
      padding-right: 10px;
      background-color: #ffffff;
  }
  .fragListMoreText  {
      width: 520px;
      display: none;
      margin-left: -10px;
      padding-left: 10px;
      padding-right: 10px;
      background-color: #ffffff;
  }
  .changeTextButtonFrag  {
      display: block;
      cursor: pointer;
      float: right;
      margin-right: -10px;
  }
  
  .fragHeader {
      background-color: #FFF;
      width: 528px;
      padding-top: 10px;
      padding-right: 5px;
      padding-left: 10px;
      margin-top: 30px;
      padding-bottom: 5px;
  }
  .fragNav {
      height: 116px;
      width: 543px;
      background-image: url(../Fragrances/imgFrag/navFragrance.jpg);
      -webkit-border-bottom-right-radius: 8px;
      -moz-border-radius-bottomright: 8px;
      -o-border-bottom-right-radius: 8px;
      border-bottom-right-radius: 8px;
      overflow: hidden;
      float: left;
      background-repeat: no-repeat;
      margin-bottom: 10px;
  }
  </code></pre>
  
  <p>And here is the html for the area affected:</p>
  
  <pre><code>      &lt;div class="fragListShowHide" id="baked"&gt;ANGEL FOOD CAKE | APPLE CRISP | APPLE PIE | BAKED BREAD | BANANA CREAM PIE | BANANA NUT BREAD | BLUEBERRY CHEESECAKE | BLUEBERRY MUFFIN | BLUEBERRY PIE | CARROT CAKE | CHERRY COBBLER | CINNAMON BUNS | CINNAMON TOAST | COOKIE | DONUT | FUDGE BROWNIE | GINGERBREAD | GINGERSNAP | GRAHAM CRACKERS | KEY 
        &lt;div class="fragListMoreText"&gt;LIME PIE | LEMON MERINGUE | NUT BREAD | NUT CAKE | PEACH COBBLER | PINEAPPLE UPSIDE DOWN CAKE | PLUM PUDDING | PUMPKIN PIE | SEX ON THE BEACH | SNICKER DOODLE | STRAWBERRY | CHEESECAKE | SUGAR COOKIE | VANILLA WAFER | WEDDING CAKE
         &lt;!-- end .fragListMoreText --&gt;&lt;/div&gt;
        &lt;img src="../imgGlobal/more-button.png" width="51" height="16" class="changeTextButtonFrag" alt="textButton"&gt;
        &lt;!-- end .fragListShowHide --&gt;&lt;/div&gt;
     &lt;div class="fragHeader"&gt;
          &lt;h2&gt;OUR FRAGRANCE CATEGORIES&lt;/h2&gt;
          &lt;p&gt;Andrea Aromatics' custom fragrance categories are designed around familiar olfactory themes. With hundreds of individual fragrances overall, we cover practically every scent under the sun.&lt;/p&gt;
        &lt;!-- end .fragHeader --&gt;&lt;/div&gt;
      &lt;div class="fragNav" style="left: 101px; top: 265px;"&gt;
        &lt;div class="fragNavRow1"&gt;&lt;ul class="frag"&gt;
        &lt;li class="chosenSub"&gt;&lt;a href="../Fragrances/baked.html"&gt;Baked Goods&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="../Fragrances/floral.html"&gt;Florals&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="../Fragrances/nuts.html"&gt;Nuts&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;
        &lt;!-- end .fragNavRow1 --&gt;&lt;/div&gt;
        &lt;div class="fragNavRow2"&gt;&lt;ul class="frag"&gt;
        &lt;li&gt;&lt;a href="../Fragrances/beverage.html"&gt;Beverage&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="../Fragrances/fruit.html"&gt;Fruits&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="../Fragrances/outdoor.html"&gt;Outdoor&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;
        &lt;!-- end .fragNavRow2 --&gt;&lt;/div&gt;
        &lt;div class="fragNavRow3"&gt;&lt;ul class="frag"&gt;
        &lt;li&gt;&lt;a href="../Fragrances/designer.html"&gt;Designer&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="../Fragrances/holiday.html"&gt;Holiday&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="../Fragrances/spiceherb.html"&gt;Spice &amp; Herb&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;
        &lt;!-- end .fragNavRow3 --&gt;&lt;/div&gt;
        &lt;div class="fragNavRow4"&gt;&lt;ul class="frag"&gt;
        &lt;li&gt;&lt;a href="../Fragrances/exotic.html"&gt;Exotic&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="../Fragrances/novelty.html"&gt;Novelty&lt;/a&gt;&lt;/li&gt;
        &lt;li&gt;&lt;a href="../Fragrances/trees.html"&gt;Trees&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;
        &lt;!-- end .fragNavRow3 --&gt;&lt;/div&gt;
        &lt;!-- end .fragNav --&gt;&lt;/div&gt;
  </code></pre>
  
  <p>Thanks to any and all for your help!</p>