title: Issue in IE to change height dynamically of relative position div on slideDown() jQuery
body: <p>I have made HTML page with CSS and Jquery.
  I have meake one Div(div id is "content") which is wrapped  one div(div id is "content-holder") using below code in $(document).ready() event</p>
  
  <pre><code>$('#content').wrap('&lt;div id="content_holder"&gt;&lt;/div&gt;');
  </code></pre>
  
  <p>I have applied below CSS</p>
  
  <pre><code>#content_holder {
      clear:both; 
      width:100%; 
      float:left; 
      background:#f5f5f5 url(../images/bg_content.jpg) repeat-x bottom; 
      border:1px solid #d3d3d3;   
      position:relative; top:-4px;
      padding-bottom:50px;
  }
  </code></pre>
  
  <p>also i have made multiple div in div id "content" which is hidden and I am calling slideDown() jquery on radio button click event to display hidden div. </p>
  
  <p>It works fine in all browser except IE. because IE not change main div(id="content-holder") height. So how can I fix this in IE</p>
  
  <p><strong>Extra HTML Body code</strong> </p>
  
  <pre><code>&lt;body&gt;
  &lt;div id="wrapper"&gt;  
      &lt;div id="container"&gt;
          &lt;div id="content"&gt;                                  
              &lt;h2 class="pagetitle"&gt;Campaign Bid&lt;/h2&gt;
                  &lt;div id="iPhoneAppControls" class="hide"&gt;                   
                      &lt;form name="campaignBIDFrm" id="campaignBIDFrm" action="" class="frmAdvertisers" method="post" enctype="multipart/form-data"&gt;
                          &lt;h3 class="fieldsetTitle"&gt;Select Ad Type&lt;/h3&gt;
                          &lt;div class="spacer"&gt;&lt;/div&gt;
                          &lt;fieldset id="campaignAdType"  class="my_custom"&gt;
                          &lt;div id="message" class="message"&gt;&lt;/div&gt;  
                              &lt;div class="spacer"&gt;&lt;/div&gt;
                              &lt;label&gt;&lt;input type="radio" name="ad_type" value="text"  /&gt;Text(Create standerd 35 character text Ad)&lt;/label&gt;
                               &lt;label&gt;&lt;input type="radio"  name="ad_type" value="image"  /&gt;Image Ad (Create a banner ad by uploading stooprted formats)&lt;/label&gt;
                              &lt;div class="spacer"&gt;&lt;/div&gt;
                          &lt;/fieldset&gt;
                          &lt;fieldset id="campaignTextAd"  class="tab_content"&gt;
                          &lt;h3 class="fieldsetTitle"&gt;Text Ad&lt;/h3&gt;
                           &lt;div class="spacer"&gt;&lt;/div&gt;
                           &lt;div id="text_ad_message" class="message"&gt;&lt;/div&gt;    
                           &lt;div class="spacer"&gt;&lt;/div&gt;
                           &lt;b&gt;Ad Information&lt;/b&gt;
                           &lt;div class="spacer"&gt;&lt;/div&gt;
                               &lt;p class="fullWidth"&gt;&lt;label&gt;Ad Name&lt;/label&gt;&lt;input type="text" name="text_add_info" value="" class="large" /&gt;&lt;/p&gt;
                               &lt;p class="fullWidth"&gt;&lt;label&gt;Redirect URL&lt;/label&gt;&lt;input type="text" name="text_url" value="" class="large"/&gt;&lt;/p&gt;
                           &lt;div class="spacer"&gt;&lt;/div&gt;
                           &lt;b&gt;Creative&lt;/b&gt;
                           &lt;div class="spacer"&gt;&lt;/div&gt;
                               &lt;p class="fullWidth"&gt;&lt;label&gt;Ad Text&lt;/label&gt;&lt;input type="text" name="text_add_text" value="" class="large" maxlength="35"/&gt;&lt;/p&gt;
                               &lt;p class="fullWidth"&gt;&lt;label&gt;Text with Image Ad&lt;/label&gt;
                               &lt;select name="tile_ad"&gt;
                                   &lt;option value="No"&gt;No&lt;/option&gt;
                                   &lt;option value="Yes"&gt;Yes&lt;/option&gt;
                               &lt;/select&gt;
                               &lt;/p&gt;
                           &lt;div class="spacer"&gt;&lt;/div&gt;
                          &lt;/fieldset&gt;
                          &lt;fieldset id="campaignImageAd"  class="tab_content"&gt;
                          &lt;h3 class="fieldsetTitle"&gt;Image Ad&lt;/h3&gt;
                           &lt;div class="spacer"&gt;&lt;/div&gt;
                           &lt;div id="image_ad_message" class="message"&gt;&lt;/div&gt;    
                           &lt;div class="spacer"&gt;&lt;/div&gt;
                           &lt;b&gt;Ad Information&lt;/b&gt;
                           &lt;div class="spacer"&gt;&lt;/div&gt;
                               &lt;p class="fullWidth"&gt;&lt;label&gt;Ad Name&lt;/label&gt;&lt;input type="text" name="image_add_info" value="" class="large"/&gt;&lt;/p&gt;
                               &lt;p class="fullWidth"&gt;&lt;label&gt;Redirect URL&lt;/label&gt;&lt;input type="text" name="image_add_url" value="" class="large"/&gt;&lt;/p&gt;
                           &lt;div class="spacer"&gt;&lt;/div&gt;
                           &lt;b&gt;Creative&lt;/b&gt;
                           &lt;div class="spacer"&gt;&lt;/div&gt;
                               &lt;p class="fullWidth"&gt;&lt;label&gt;Large&lt;/label&gt;&lt;input type="file" name="img_large" id="img_large"/&gt;&lt;input type="hidden" name="file_large" value="" /&gt;&lt;/p&gt;
                               &lt;p class="fullWidth"&gt;&lt;label&gt;&lt;/label&gt;&lt;a class="image-preview" style="width:300px; height:45px;" id="large_preview"&gt;Image Size Preview &lt;/a&gt;&lt;/p&gt;
                               &lt;p class="fullWidth"&gt;&lt;label&gt;Medium &lt;/label&gt;&lt;input type="file" name="img_medium" id="img_medium"/&gt;&lt;input type="hidden" name="file_medium" value="" /&gt;&lt;/p&gt;
                               &lt;p class="fullWidth"&gt;&lt;label&gt;&lt;/label&gt;&lt;a class="image-preview" style="width:216px; height:32px;" id="medium_preview"&gt;Image Size Preview&lt;/a&gt;&lt;/p&gt;
                               &lt;p class="fullWidth"&gt;&lt;label&gt;Short&lt;/label&gt;&lt;input type="file" name="img_short" id="img_short"/&gt;&lt;input type="hidden" name="file_short" value=""/&gt;&lt;/p&gt;
                               &lt;p class="fullWidth"&gt;&lt;label&gt;&lt;/label&gt;&lt;a class="image-preview" style="width:120px; height:18px;font-size:8px;" id="short_preview"&gt;Image Size Preview&lt;/a&gt;&lt;/p&gt;
                           &lt;div class="spacer"&gt;&lt;/div&gt;
                          &lt;/fieldset&gt;
                          &lt;fieldset id="campaignImageAd"&gt;
                          &lt;h3 class="fieldsetTitle"&gt;Bid&lt;/h3&gt;
                           &lt;div class="spacer"&gt;&lt;/div&gt;
                               &lt;p class="fullWidth"&gt;&lt;label&gt;Bidding($)&lt;/label&gt;&lt;input type="text" name="bidding" value="" class="validate[required,min[0.05],500]]"/&gt;&lt;/p&gt;
                         &lt;/fieldset&gt;
                          &lt;div class="frmActions"&gt;
                              &lt;input name="btnContinue" type="submit" value="Continue" class="button_rounded" /&gt;&lt;input name="btnCancel" type="button" value="Cancel" class="button_rounded" /&gt;
                          &lt;/div&gt; 
                      &lt;/form&gt;
                  &lt;/div&gt;                             
          &lt;/div&gt;        
      &lt;/div&gt;  
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>Jquery Code</strong></p>
  
  <pre><code>$(document).ready(function() {
      $('#content').wrap('&lt;div id="content_holder"&gt;&lt;/div&gt;');
      $('#footer').wrap('&lt;div id="footer_holder"&gt;&lt;/div&gt;');
      $(".hide").css("display","none");
      $("input:radio").css("width","15px");
      $("input:radio").addClass('radioButton');
      $("input:checkbox").css("width","15px");
      $("#iPhoneAppControls").css("display","block");
      $('form').each(function(){
          var form_name=$(this).attr('name');
          $('input, textarea').each(function(){
  
              var class_name=$(this).attr('class')+"";
              class_arr=class_name.split(" ");
              if(!in_array("colorSelector", class_arr) &amp;&amp; $(this).attr('id')=="")
              {
                  $(this).attr('id',$(this).attr('name')+"_"+form_name);
              }
          });
      });
      $('#content_holder, .message').corner(settings);
      $('#advertiser, #publisher').corner({
          tl: { radius: 5 },
          tr: { radius: 5 },
          bl: { radius: 0 },
          br: { radius: 0 }
      });
      $('#advertiser ul li, #publisher ul li').corner({
          tl: { radius: 3 },
          tr: { radius: 3 },
          bl: { radius: 0 },
          br: { radius: 0 },
          validTags: ["li"]
      });
      $('.infotab').corner(settings1);
      $('.large_graph, .small_graph').corner();
      $('.message').hide(0);
      $('#campaign_breadcrumb ul li span').first().css('margin-left', '0px');
      $(".button_rounded").wrap('&lt;span class="btnLeftCrnr"&gt;&lt;/span&gt;');
  
      $('#file_smart_phone_div').hide();
      $('#file_iPad_div').hide();
      $('#tileDiv').hide();
      $('.tab_content').hide();
      $('input[name="ad_type"]').click(function(){
          $(".tab_content").hide();
          jQuery('body').validationEngine('hideAll');
          var ad_type =$('input[name="ad_type"]:checked').val();
          if(ad_type=="text") $('#campaignTextAd').show("fast");
          else if (ad_type=="image") $('#campaignImageAd').show("fast");
      });
  
  });
  </code></pre>
  
  <p><strong>Necessary CSS Code</strong></p>
  
  <pre><code>#wrapper {
      float:left; width:100%; height:100%;
  }
  #container {
      width:1002px; margin:0px auto;
  }
  #container_login {
      width:400px; margin:0px auto;
  }
  #content_holder {
      clear:both; 
      width:100%; 
      float:left; 
      background:#f5f5f5 url(../images/bg_content.jpg) repeat-x bottom; 
      border:1px solid #d3d3d3;   
      position:relative; top:-4px;
      padding-bottom:50px;
  }
  #content_login_holder {
      clear:both; width:400px; height:290px; margin:0px auto; background:#f5f5f5 url(../images/bg_content.jpg) repeat-x bottom; border:1px solid #d3d3d3; 
      position:relative; top:-4px;
  }
  #footer_holder{
      clear:both; width:100%; float:left; background:url(../images/bg_footer.jpg) repeat-x top; margin:40px 0px 0px 0px;
  }
  </code></pre>
  
  <p>Please give me usefull hints.. because it very important for me.. i am struggling in this issue from long time...</p>
  
  <p>Thanks in advance</p>
  
  <p>From 
  Haresh Vidja</p>