EDIT: Just found another better solution: HTML5 Shiv, a JavaScript library that will accomplish the below with a simple <link> script.
Just realized now that IE8 does not recognize some of the new semantic tags in HTML5. This website explains a good workaround:
Add this to <head>:
<!--[if lt IE 9]>
<script>
document.createElement('header');
document.createElement('nav');
document.createElement('section');
document.createElement('article');
document.createElement('aside');
document.createElement('footer');
document.createElement('hgroup');
</script>
<![endif]-->Add this to CSS:
header, nav, section, article, aside, footer, hgroup {
display: block;
}
Since IE8 seems to be the new “least common denominator” in web design since it’s the oldest and least standards compliant web browser with a market share above 0.5 percent, this is good to know. Thank you, Windows XP work computer, for the notice!