lo mismo digo. pues solo pegas un pedazo de codigo sin decir si es php o xhtm/html, no pegas los css a los que referencia los id ademas de que muestras la parte de un codigo cliente cuando el problema es de servidor
para no ser muy extenso, se me paso que era php. mi error.
El problema que tienes es simple y llano: no respetas la jerarquia css
el error que te pasa es como si definieras un atributo css en body { font-size: 8px ), es ovbio que si tu solo vas a usar ese tipo de ancho de fuente esta bien y funciona pero si ademas tienes estilos distintos a este, los valores de body interferiran con todas las demas lecturas de fuentes que le sigan y los navegador lo interpretarán diferente.
El error es que has aplicado primero: css externas y ademas embebidas dentro del documento, segunda y mas grave, insertadas dentro de las filas-columnas, esto no es malo si lo usas por separado pero al usarlo al mismo tiempo confundes al navegador aqui un fragmento de lo que pegaste arriba:
Cita: <td style="height:20px; font-weight:normal;">texto loco</td>
solucion: usa 1 css del diseño general externo para un template en especifico, aplica todo por class o por Id y evita hacerlo directamente por medio de style="css embebido" o evita en su defecto, si lo haces de esta manera, definirlo en el css externo para que no interfiera con los que insertas directamente. ademas de que si declaras atributos de estilo grupal (class) cheques que no interfieran con los del tipo individual (Id) o con otros grupales aplicados a las misma etiqueta o grupo de etiquetas, ademas de que limites el atributo body de css para unicamente background tags o las margin tags. pues entre mas amplio el grupo de accion de una tag mayor incompatibilidad entre tags abra para un mismo documento
y lo siento por no revisar tus codigos css, pues son demasiados al igual que el lenguaje de tu página