title: jQuery toggle changes element's width? I don't want it to
body: <p>I currently  have a table that has a width of 94%, and the following toggle set to it:</p>
  
  <pre><code>    $(document).ready(function(){
  
          $("#moreinfo").hide();
  
          $("#toggleinfo").click(function () {
              $("#moreinfo").toggle('normal');
          });
  
      });
  </code></pre>
  
  <p>It toggles fine, but as soon as you toggle, the width goes really small and I have no idea why. If I remove the <code>hide()</code> it's the right width, but again as soon as I start toggling it, the width automatically resizes.</p>
  
  <p>Just tried the following CSS too:</p>
  
  <pre><code>#moreinfo { width: 94% !IMPORTANT; }
  </code></pre>
  
  <p>Edit: it seems to completely remove any width applied through CSS when I toggle it</p>
  
  <p>Edit2: <strong><em>Wrapping it inside another div works! Not ideal, but not a bad solution I guess.</em></strong></p>
  
  <p>Any way to stop this please?</p>