title: css height 80% not working
body: <p>I want to make my table take up 80% of the screen, but right now its only the size of the content in the table.</p>
  
  <pre><code>#ecom-mainarea .center
  {
  margin-left: 10%;
  position: relative;
  width: 80%;
  height: 80%;   /* when this is 500px it works fine, but % doesn't work */ 
  border: 1px solid;
  border-bottom-color: teal;
  border-top-color: gray;
  border-left-color: gray;
  border-right-color: teal;
  background-color: white;
  voice-family: "\"}\"";
  voice-family: inherit;
  vertical-align: text-top;
  }
  </code></pre>