title: 100% Width of a table not filling the page
body: <p>I've made a table to act as a frame to lay my website out on but when I set the width of it to 100% and put a background on it I have an edge on the right hand side that won't fill.</p>
  
  <p>Checkout my website linked to my profile and click on the altwebsite 2 link for what im getting.</p>
  
  <p>Here is the code:</p>
  
  <pre><code>&lt;table id="maintable"&gt;
      &lt;tr id="firstrow"&gt;
          &lt;th id="header" colspan="3"&gt;
  
          &lt;/th&gt;
      &lt;/tr&gt;
      &lt;tr id="menu" colspan="3"&gt;
          &lt;td&gt;
              &lt;?php
                  include 'pagecontent/link.php';
              ?&gt;
          &lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr id="secondrow"&gt;
          &lt;td id="leftcol"&gt;
              &amp;nbsp;
          &lt;/td&gt;
          &lt;td id="maincol"&gt;
              &lt;?php
              include 'pagecontent/main.php';
              ?&gt;
          &lt;/td&gt;
          &lt;td id="rightcol"&gt;
              &amp;nbsp;
          &lt;/td&gt;
          &lt;td id="footer" colspan="3"&gt;
  
          &lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>and the css:</p>
  
  <pre><code>html, body {
    height: 100%;
    margin: 0;
    padding: 0;
    text-align: center;
  }
  
  table {
    text-align: center;
    border-width: 0;
    border-style: none;
    border-spacing: 0;
    border-collapse: collapse;
    padding: 0;
    width: 100%;
  }
  </code></pre>
  
  <p>I'am trying to keep it all in a separate stylesheet.</p>
  
  <p>Any help would be brilliant thanks</p>