div#page {
  max-width:900px; /* just to demonstrate horizontal scrolling & stickiness */
}
table.chart {
	width:2000px; /* just to demonstrate horizontal scrolling & stickiness */
	margin:0;
	border:none;
	background-color:#FFF;
	border-collapse:separate;
	border-spacing:0;
	border-left:1px solid #ccc;
}
table.chart th {
	background:#777;
	border-right:1px solid #999;
	color:#FFF;
	padding:3px;
	position:sticky;
	top:0;
  /* ensure header row sits atop everything else when scrolling down */
	z-index:1;
}
table.chart td {
	background:#fff;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding:4px 5px;
}
/* ensure first header cell sits atop everything else when scrolling right */
table.chart th:first-child {
	position:sticky;
	left:0;
	z-index:2;
}
/* make first column sticky when scrolling right */
table.chart td:first-child {
	position:sticky;
	left:0;
	border-right-color:#aaa;
}