title: div not visible in IE8
body: <p>I am trying to show a div using the css <code>display</code> property.</p>
  
  <p>The contents of <code>#divbar</code> and <code>#divline</code> are set dynamically using AJAX.</p>
  
  <p>This code works perfectly in Firefox and Chrome, but in IE 8 I'm unable to see the content of <code>#divbar</code> even though the <em>toggle</em> button works perfectly.</p>
  
  <p><strong>HTML :</strong></p>
  
  <pre><code>&lt;div id="divline" style="float:left;"&gt;
      &lt;div id="jqChart2" class="charts"&gt;&lt;/div&gt;
  &lt;/div&gt;
  
  &lt;div id="divbar" style="float:left"&gt;
      &lt;div id="jqChartb2" class="charts"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>jQuery :</strong></p>
  
  <pre><code>$("#toggle_button1").click(function(){
      $("#toggle_button1").css({'display':'none'});
      $("#toggle_button2").css({'display':'block'});
      $("#divline").css({'display':'block'});
      $("#divbar").css({'display':'none'});
  });
  
  $("#toggle_button2").click(function(){
      $("#toggle_button2").css({'display':'none'});
      $("#toggle_button1").css({'display':'block'});
      $("#divline").css({'display':'none'});
      $("#divbar").css({'display':'block'});
  });
  </code></pre>
  
  <p><strong>CSS :</strong></p>
  
  <pre><code>#toggle_button1{
      display:block;
      width:100px;
  }
  #toggle_button2{
      display:none;
      width:100px;
  }
  #divline{
      display:block;
  }
  #divbar{
      display:none;
  }
  </code></pre>
  
  <p>Any suggestions?</p>