title: Aligning a table to the very left of a div
body: <p>I'm trying to make a 2x2 grid, which fills up the entire window in an iPhone, with a table.
  Currently it looks like this:<a href="http://dl.dropbox.com/u/182509/photo.PNG" rel="nofollow noreferrer">http://dl.dropbox.com/u/182509/photo.PNG</a></p>
  
  <p>Note the squshed-uppy-ness of the right column, and the gap at the left.</p>
  
  <p>I cant fix either.</p>
  
  <p>Relevant css:</p>
  
  <pre><code>body { margin: 0; position: absolute; height: 100%; }
  
  .full { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-color: white; }
  
  table { border-width: 0px; border-spacing: 0px; border-style: hidden; border-color: gray; border-collapse: collapse; background-color: white; width: 100%; height: 100%; left: 0; top: 0px; margin: 0; padding: 0px; position: absolute; }
  
  td { border-width: 1px; padding: 1px; border-style: solid; border-color: gray; background-color: white; width: 50%; height: 160px; }
  </code></pre>
  
  <p>and html:</p>
  
  <pre><code>&lt;div id="helpView" class="full"&gt;
      &lt;table id="help"&gt;
          &lt;tr&gt;
              &lt;td&gt;Hey..&lt;/td&gt;
              &lt;td&gt;Hi.&lt;/td&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;td&gt;Hello.&lt;/td&gt;
              &lt;td&gt;Greetings!&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/table&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Any help appreciated</p>