title: css height 100% does not honor the background color on slide/show in jquery
body: <p>i have this code:</p>
  
  <pre><code>&lt;div id="left"&gt;
      &lt;div&gt;text&lt;/div&gt;
      &lt;p&gt;
          text&lt;br&gt; text&lt;br&gt; text&lt;br&gt; text&lt;br&gt; text&lt;br&gt; text&lt;br&gt; text&lt;br&gt; text&lt;br&gt; text&lt;br&gt; text&lt;br&gt; text&lt;br&gt; text&lt;br&gt; text&lt;br&gt; text&lt;br&gt; text&lt;br&gt; text&lt;br&gt; text&lt;br&gt; text&lt;br&gt; text&lt;br&gt; text&lt;br&gt; text&lt;br&gt; text&lt;br&gt; text&lt;br&gt; text&lt;br&gt; text&lt;br&gt; text&lt;br&gt; text&lt;br&gt; text&lt;br&gt; text&lt;br&gt; text&lt;br&gt; text&lt;br&gt; text&lt;br&gt; text&lt;br&gt; text&lt;br&gt; text&lt;br&gt; text&lt;br&gt; text&lt;br&gt; text&lt;br&gt; text&lt;br&gt; text&lt;br&gt; text&lt;br&gt; text&lt;br&gt; text&lt;br&gt; text&lt;br&gt; text&lt;br&gt; text&lt;br&gt; text&lt;br&gt; text&lt;br&gt; text&lt;br&gt; text&lt;br&gt; text&lt;br&gt; text&lt;br&gt; text&lt;br&gt; text&lt;br&gt; text&lt;br&gt; text&lt;br&gt; text&lt;br&gt; text&lt;br&gt; text&lt;br&gt; text&lt;br&gt; text&lt;br&gt; text&lt;br&gt; text&lt;br&gt; text&lt;br&gt; text&lt;br&gt; text&lt;br&gt; text&lt;br&gt; text&lt;br&gt; text&lt;br&gt; text&lt;br&gt; text&lt;br&gt; text&lt;br&gt; text&lt;br&gt; text&lt;br&gt; text&lt;br&gt; text&lt;br&gt; text&lt;br&gt; text&lt;br&gt; text&lt;br&gt; text&lt;br&gt; text&lt;br&gt; text&lt;br&gt; text&lt;br&gt; text&lt;br&gt; text&lt;br&gt; text&lt;br&gt; text&lt;br&gt; text&lt;br&gt; text&lt;br&gt;
      &lt;/p&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>js:</p>
  
  <pre><code>$('div').click(function() {
      $('p').show();
  });
  </code></pre>
  
  <p>and css:</p>
  
  <pre><code>html, body {
      height: 100%;
  }
  #left {
      background: red;
   height: 100%;   
      width: 200px;
  }
  p { display: none; }
  </code></pre>
  
  <p>-- <a href="http://jsfiddle.net/AfRH2/1/" rel="noreferrer">http://jsfiddle.net/AfRH2/1/</a></p>
  
  <p>now, when you click on "text" the "p" should appear with its text. why my background color does not work? i want the div to expand with the color</p>
  
  <p><img src="https://i.stack.imgur.com/HD7Xj.png" alt="enter image description here"></p>