HTML5 Tags Not Working At All In Firefox 3.6.3

Okay, so I'm trying to get into this whole HTML 5 thing, and this tutorial (http://www.webreference.com/authoring/languages/html/HTML5/) says that these tags should move the conte

Solution 1:

Firefox 3.6 doesn't support HTML 5 sectioning elements yet. You will have to manually style the tags to be block level:

article, aside, canvas, details,
figcaption, figure, footer, header,
hgroup, nav, section, summary, video {
    display: block;
}

You won't need the HTML shim, however; that's just for IE.

Solution 2:

These tags don’t work at all in Firefox 3.6.11 and Opera 11.0 — regardless of the CSS display property, they simply don’t parse correctly. For example, if you insert paragraph tags in the above example, it falls apart. Here’s an example. You get the correct result in WebKit, Firefox 4, and Opera 11.11:

But you get this in Opera 11.0 and Firefox 3.6:

Solution 3:

If you really need to test the HTML5 output in Firefox (I can't imagine why) you could activate it through "about:config" and setting html5.enable to true. Remember that they didn't switch it off for nothing. For real world work you will need CSS, so I suggest you get stuck in with that as well.