Wenn man heutzutage HTML5-Elemente benutzt, regieren die meisten aktuellen Browser darauf einigermaßen vernünftig und erlauben zum Beispiel das Styling dieser Elemente ohne viel Ärger. Der Internet Explorer hingegen fällt (erwartungsgemäß) angesichts von wundersamen Dingen wie z.B. <section> von Glauben ab und produziert aus diesem HTML …

<section class="alpha">
    <h2>Alpha</h2>
    <p>
        Sektion Alpha
    </p>
</section>

…diese wundervolle DOM-Grütze:

<section class="alpha"></section>
    <h2>Alpha</h2>
    <p>
        Sektion Alpha
    </p>
</section><//section>

Kein Wunder dass man sowas nicht stylen kann. Dieses Problem lässt sich aber reparieren! Es ist sogar recht einfach, man muss das neue Element nur mit einer Zeile Javascript beim IE anmelden:

document.createElement('section');

Schon gibt es keine Probleme mehr (siehe Testseite). Diese Prozedur kann man mit jedem HTML5-Element durchführen das man braucht, oder direkt zum HTML5 enabling script greifen, das das komplette Programm an HTML5-Elementen für den Internet Explorer aktiviert. Klingt für mich etwas nach Overkill, aber wenn man wirklich viele der neuen Elemente einsetzen möchte … warum nicht?