Repeating Column Headings

This is supposed to repeat column headings but I get an issue with the last row on each page. As a side note the vertical text in the heading row doesn't work right outside of IE-7???

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<body>

<table>
	<colgroup>
		<col width="20%" /><col width="5%" /><col width="10%" />
		<col width="10%" /><col /><col /><col /><col /><col /><col /><col />
		<col /><col /><col /><col />
	</colgroup>
	<thead>
		<tr>
			<th class="cellVerticalHeading">Name</th>
			<th class="cellVerticalHeading">Gender</th>
			<th class="cellVerticalHeading">Appointed</th>
			<th class="cellVerticalHeading">Serving</th>
			<th class="cellVerticalHeading">Attendant</th>
			<th class="cellVerticalHeading">ConductorCBS</th>
			<th class="cellVerticalHeading">ReaderCBS</th>
			<th class="cellVerticalHeading">Chairman</th>
			<th class="cellVerticalHeading">Microphones</th>
			<th class="cellVerticalHeading">PlatformAttendant</th>
			<th class="cellVerticalHeading">Prayer</th>
			<th class="cellVerticalHeading">OCLM</th>
			<th class="cellVerticalHeading">Sound</th>
			<th class="cellVerticalHeading">Student</th>
			<th class="cellVerticalHeading">Demonstrations</th>
		</tr>
	</thead>
	<tr>
		<td>Name</td>
		<td>Male</td>
		<td>NotAppointed</td>
		<td>Publisher</td>
		<td class="cellAssignment">✔</td>
		<td class="cellAssignment"></td>
		<td class="cellAssignment"></td>
		<td class="cellAssignment"></td>
		<td class="cellAssignment">✔</td>
		<td class="cellAssignment"></td>
		<td class="cellAssignment">✔</td>
		<td class="cellAssignment">✔</td>
		<td class="cellAssignment"></td>
		<td class="cellAssignment">✔</td>
		<td class="cellAssignment"></td>
	</tr>
	<tr>
		<td>Name</td>
		<td>Female</td>
		<td>NotAppointed</td>
		<td>Publisher</td>
		<td class="cellAssignment"></td>
		<td class="cellAssignment"></td>
		<td class="cellAssignment"></td>
		<td class="cellAssignment"></td>
		<td class="cellAssignment"></td>
		<td class="cellAssignment"></td>
		<td class="cellAssignment"></td>
		<td class="cellAssignment"></td>
		<td class="cellAssignment"></td>
		<td...

CSS

table {
	border-collapse: collapse;
	table-layout: fixed;
	width: 100%;
}
thead {
	display: table-header-group;
}
.cellVerticalHeading {
	background-color: gray;
	text-transform: uppercase;
	font-size: 12pt;
	text-align: right;
	writing-mode: tb-rl;
	/*filter:flipv fliph;*/
}
table th, td {
	border: 1px #d3d3d3 solid;
	padding: 2px;
}
.cellAssignment {
	text-align: center;
	vertical-align: middle;
}