It’s good to know that within 1 day of returning to any amount of CSS work, Internet Explorer can still baffle me. Maybe I’m missing something here, but seems that if a
small tag (yes, let the damnations begin, but it was mostly due to the WordPress default template using it, that I came across it) does not include some trailing whitespace, it receives a little extra padding.
Rendering oddity with
small tags with no trailing whitespace.
The HTML code used validates, should you wish to inspect it yourself. The “CSS1Compat” mode is merely to ensure we’re in “standards mode”.
You’ll notice I remove all margin on the elements. And indeed, the first header
small does render correctly. But the second gets a 2 pixel margin added for … who knows what reason.