title: CSS Table width - 100% + minus margin
body: <p>I've stumbled across an issue that I'm not entirely sure how to resolve.</p>
  
  <p>I have a page with a number of divs, one of which contains a table but has a margin of 20px.  I need this table to 'butt' against the right-hand side of another div, which I have accomplished by using a margin of -20px - works as I'd hoped.  As this div (which covers the entire right-hand side of the page) is fluid, the table has a width of 100%.</p>
  
  <p>Whilst the left-hand side of the table is where I want it, the right-hand side is now 20px short of everything else.</p>
  
  <p>Is there a way I can keep the negative margin on the right, without it also moving the table 20px from the right?  I've tried a few things without success.  My table CSS is pasted below.</p>
  
  <pre><code>.pricetable {
      width:100%;
      margin-left: -20px;
      padding: 5px;
  }
  </code></pre>