 <p>Since you have <code>border-spacing:10px;</code> there will be space remaining on the right and left side to separate the <code>td</code>. However, you could put a <code>div</code> around the table and change it's <code>margin-left</code> and <code>margin-right</code>.</p> <p>Try this:</p> <pre><code>body { background-color: gray; overflow: hidden; } .grid { margin-left: -20px; margin-right: -20px; } </code></pre> <p>You cell 4's text is overflowing but it is because you have a lot of <code>.</code> or dots without a space so when you enter text it should be fine.</p> <p><strong><a href="http://jsfiddle.net/8sw9v/1" rel="nofollow">DEMO</a></strong></p>