Whaddayaknow, http://www.technorati.com/tag/ has also switched to nested <em>-tags, but their stylesheet is kinda scary:
ul.heatmap em em { font-size:11px }
ul.heatmap em em em { font-size:12px }
ul.heatmap em em em em { font-size:13px }
ul.heatmap em em em em em { font-size:14px }
ul.heatmap em em em em em em { font-size:15px }
ul.heatmap em em em em em em em { font-size:16px }
and so on...
On the other hand, copying the XHTML 1.1 DOCTYPE over from my main template was pretty easy.
ul.heatmap em em { font-size:11px }
ul.heatmap em em em { font-size:12px }
ul.heatmap em em em em { font-size:13px }
ul.heatmap em em em em em { font-size:14px }
ul.heatmap em em em em em em { font-size:15px }
ul.heatmap em em em em em em em { font-size:16px }
and so on...
I prefer my
em { font-size: 1.15em; }
trick.
http://www.firasd.org/weblog/2005/02/04/tag-semantics