title: remove white spaces between borders in table
body: <p>I have some spaces between my borders in a table.
  And I cant figure out why,
   been trying with negative margin so they overlap each other but the margin doesn't work.
  since it's a table I have a left border on both <code>td</code> and <code>th</code>.
  but I also have a space between the side borders and top/bottom border.</p>
  
  <p><a href="http://jsfiddle.net/pHVhg/1/" rel="nofollow">This</a> is the fiddle I created.</p>
  
  <p>some table css</p>
  
  <pre><code>.profile-table {
    height: 100%;
  }
  
  .profile-table td { 
    text-align:   center;
    border-right: 1px solid #ccc;
    font-size:    1.2em;
  }
  
  .profile-table th { 
    text-align:   center;
    border-right: 1px solid #ccc;
    width:        100px;
  }
  
  .profile-table tr{ 
  }
  
  .profile-table *:last-child{
    border: none;
  }
  </code></pre>