CSS table problem

I have a table on this page:
http://www.mistywindow.com/reference/ascii-alt-codes.htm

The CSS is an external style sheet - code snippet attached. Style sheet here:
http://www.mistywindow.com/css/table.css

The formatting is as it should be in Dreamweaver design view. See screen capture here:
http://www.mistywindow.com/dw-table.gif

But the formatting is only partially visible when views in Firefox or IE7 (local or remote). Where have I gone wrong?

@charset "utf-8";
 
table { 
	vertical-align: middle;
	padding: 10px;
	width: auto;
	margin-left: auto;
	margin-right: auto;
	}
table tr td { 
	border-bottom: 2px #fff; 
	padding: 10px;
	background-color: #CCC;
	color:#000;
	}
 
table theader td { 
	font-size: 0.8em;
	padding: 5px;
	background-color: #666;
	color:#fff; 
	border-bottom: 2px #fff;
	text-align: center;
	}

Select allOpen in new window