Question

The latest updated code is here: http://pastebin.com/TJweMgtL

Starting from the left, IE 8, Chrome, Firefox 5.. you can see that only IE8 can display h1

Answer 1

In HTML5, an

inside sections nested n levels deep is treated like instead. So an

inside a single

is semantically equivalent to an

and is rendered as such. In this context "sections" means any of

,

,

, or

. Looking at your code, the "test-again (now small)" header is inside an article which is inside a section, so it's the same as an

. Which is smaller than the

of course.

Firefox and Chrome implement this part of HTML5. IE doesn't seem to yet.

See the example at http://www.whatwg.org/specs/web-apps/current-work/multipage/sections.html#headings-and-sections and the style rules at http://www.whatwg.org/specs/web-apps/current-work/multipage/rendering.html#sections-and-headings