title: CSS Resize Table Has No Effect
body: <p>I'm trying to resize a table using CSS.  I can resize the width of the table fine, but resizing the height in CSS has no effect.  This is my HTML Code</p>
  
  <pre><code>&lt;div id="header"&gt;
      &lt;table id="header_wrap"&gt;
          &lt;tr&gt;&lt;td id="title_section"&gt;&lt;span id="title" align="left"&gt;larder.&lt;/span&gt;
          &lt;h5 id="subtitle" align="left"&gt;Live Well. Spend Less.&lt;/h5&gt;&lt;/td&gt;
          &lt;td id="menu" align="right"&gt;&lt;span align="right"&gt;&lt;?php if (login_check($mysqli) == true) { echo "welcome back, $username!"; } else {echo "";}?&gt;&lt;/span&gt;&lt;span&gt;&lt;a href="show.php"&gt;&lt;br&gt;Show Cupboard&lt;/a&gt; &lt;/span&gt;&lt;span&gt;| &lt;a href="protected_page.php"&gt;Home&lt;/a&gt; &lt;/span&gt;&lt;span&gt;| About &lt;/span&gt;&lt;span&gt;&lt;?php if (login_check($mysqli) == true) { echo "&lt;a href='includes/logout.php'&gt;| Log out"; } else {echo "&lt;a href='index.php'&gt;| Log in";}?&gt;&lt;/a&gt;&lt;/span&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/table&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The object I'm trying to resize is 'header_wrap'</p>
  
  <p>This is my CSS code:</p>
  
  <pre><code>#header_wrap {
      width: 100%;
      height: 100px;
  }
  </code></pre>
  
  <p>Not sure why this is not working.  Any advice would be appreciated.</p>
  
  <p>Thanks</p>