Fixed column widths to match up exactly

Author: rdworth

grid-markup/grid.css

@@ -23,28 +23,28 @@ Functional
 Presentational
 */
 .ui-grid .ui-grid-head {
-	border-left-width: 0;
-	border-right-width: 0;
 	border-bottom-width: 0;
 }
 .ui-grid .ui-grid-head tr {
 	border-left-width: 0;
 	border-right-width: 0;
 }
-.ui-grid .ui-grid-head td {
-	border-left-width: 0;
+.ui-grid .ui-grid-head th {
+	border-right-width: 0;
 }
 .ui-grid .ui-grid-body {
 	border-top-width: 0;
 	border-bottom-width: 0;
 }
 .ui-grid .ui-grid-body tr {
 	height: 2em;
+	border-top-width: 0;
 	border-left-width: 0;
 	border-right-width: 0;
 }
 .ui-grid .ui-grid-body td {
-	border-left-width: 0;
+	border-top-width: 0;
+	border-right-width: 0;
 }
 .ui-grid th, .ui-grid td {
 	padding: 0.2em 0.4em;

grid-markup/grid.js

@@ -110,7 +110,7 @@ $.widget( "ui.grid", {
 		// Adjust head in case of visible scrollbar on body to keep columns aligned
 		var vertScrollbar = ( this.uiGridBody[0].scrollHeight !== this.uiGridBody[0].clientHeight );
 		if ( vertScrollbar ) {
-			this.uiGridHead.css("padding-right", ( this.uiGridBody.width() - this.uiGridBodyTable.width() ) + "px" );
+			this.uiGridHead.css("padding-right", ( this.uiGridBody.width() - this.uiGridBodyTable.outerWidth() ) + "px" );
 		} else {
 			this.uiGridHead.css("padding-right", 0);
 		}