Necesito la ayuda de un gurú de CSS.

Estoy tratando de crear un html simple<table> donde los encabezados de columna (<th> etiquetas) tienen su texto girado 270 grados para mostrar de lado.

Tengo problemas para anclar las celdas del encabezado, por lo que la parte más a la izquierda del texto de la celda alinea solo la parte inferior o la línea base de todos los<th> etiquetas

He hecho muchos, muchos intentos de esto y simplemente no puedo resolverlo a través de CSS.

¿Alguien puede darme algunas ideas sobre cómo lograr esto?

Ver mi jsfiddle enhttp://jsfiddle.net/franco13/t5GgE/

Esto es lo que quiero lograr: