Me gustaría crear una tabla HTML con texto escrito verticalmente como encabezado (es decir, el texto del encabezado se gira 90 grados). Estoy usando el siguiente estilo

<th style="-webkit-transform:rotate(90deg); writing-mode:tb-rl; -moz-transform:rotate(90deg); -o-transform: rotate(90deg); white-space:nowrap; display:blocking; padding-left:1px;padding-right:1px;padding-top:10px;padding-bottom:10px; " align="left"  id="#COLUMN_HEADER_NAME#">#COLUMN_HEADER#</th>

En MS IE 9.x se muestra OK. En Firefox y Chrome, el encabezado parece flotar sobre la parte superior de la tabla, se superpone con las filas de la tabla debajo de él. alguien puede ayudarme? Simplemente no tengo idea de por qué está sucediendo esto. Comencé con este tutorial:http: //scottgale.com/blog/css-vertical-text/2010/03/01

TIA, Tamas