using em and nested tables

[nippi]

I like the idea of using em instead of pxls or pts as the fonts can scale up and down depending on browser resolution, but when I write a style like this

td {font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: .9em;
color: #616161;
}

and then nest 3/4 tables inside each other, on a mac the fonts become TINY. i guess .9 is applied for each table cell?

How do I do this using em so this does not happen?

[Noisehag]

What about applying it to the body instead of all the <td>'s? At least that way you know you will avoid compounding the em. From there you just style each <td> as needed.

[TheDoctor]

Try adding

td td { font-size:1em; }

This will prevent the .9em from being reapplied within each nest.