title: Highcharts dynamic width on hidden tab
body: <p>I have been trying to figure out how to exactly get my Highcharts chart to have a dynamic width for both window size on load and window resize. My problem is not only do I have the chart place in a hidden tab but also that the parent div has a width of 100%. The chart is not responsive on resize and does not initially load correctly.</p>
  
  <p>Basic principal is here: <a href="http://jsfiddle.net/chapster82/c5teh97h/1/" rel="nofollow">http://jsfiddle.net/chapster82/c5teh97h/1/</a></p>
  
  <p>CSS</p>
  
  <pre><code>.content2 {
    display: none;
  }
  #wrap {
    width: 400px;
    position: relative;
    border: solid 1px #333;
  }
  #container {
    height:100%;
    width:100%;
  }
  </code></pre>
  
  <p>HTML</p>
  
  <pre><code>&lt;a class="tabs" divId="content1"&gt;Content1&lt;/a&gt;
  &lt;a class="tabs" divId="content2"&gt;Content2&lt;/a&gt;
  &lt;div id="wrap"&gt;
  &lt;div class="content1 hide"&gt;Tab1&lt;/div&gt; 
  &lt;div class="content2 hide"&gt;&lt;div id="container"&gt;&lt;/div&gt;&lt;/div&gt;  
  </code></pre>
  
  <p></p>
  
  <p>Any help would be appreciated.</p>
  
  <p>Thanks</p>