Table preview different from stated pixel width... why?

Unfortunately screenshots don't help us much.

Please upload the page to the web and post a link so we can view it and the code in our browsers.

How are you spacing the cells? Using &nbsp or using spacer graphics?

The height of the horizontal bars is determined by the line-height of the text if using &nbsp to fill the gap. Make sure you have no padding/spacing, set the line-height of those cells to 11px and it should start to look as expected.

You have a set row height...

<tr height="15">

<td bgcolor="#ffffff" width="11" height="11"></td>

<td bgcolor="#b5a5af" width="151" height="11"></td>

<td bgcolor="#000000" width="11" height="11"></td>

<td bgcolor="#a1bfaa" width="150" height="11"></td>

<td bgcolor="#000000" width="11" height="11"></td>

<td bgcolor="#b6ccd4" width="150" height="11"></td>

<td bgcolor="#000000" width="11" height="11"></td>

<td bgcolor="#c78683" width="150" height="11"></td>

<td bgcolor="#ffffff" width="13" height="11"></td>

</tr>

If this doesn't solve it, add in style="line-height:11px;" into each of those <td> cells and also add in the non-breaking space to hold form.

EDIT:// You are also missing a DOCTYPE in the document. This is a crucial part of any web page. http://www.w3schools.com/tags/tag_doctype.asp