HTML5 es una actualización del estándar web bastante reciente, y esto hace que los navegadores antiguos no lo interpreten correctamente. Muy pocos usuarios quedan que usen Firefox 3.6, sin embargo, no tan pocos utilizan aún hoy en día Internet Explorer 6, 7 y 8. Aquí os presento una manera de solucionar los problemas de compatibilidad de estos navegadores con las nuevas etiquetas que incorpora HTML5.
En primer lugar deberemos incluir en nuestro fichero HTML el siguiente trozo de código JavaScript:
<!--[if lt IE 9]> <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script> <![endif]-->
Para complementar esto, y que los estilos se visualicen correctamente, tendremos que declarar el modo de visualización de las nuevas etiquetas en bloque:
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block;
}
Por último, es muy recomendable combinar estas correcciones con algún «reseteo» de los estilos, a fin de garantizar la igual visualización de nuestra página en todos los navegadores. Por ejemplo, el de Eric Meyer.
Maniacode 
Todos nos hemos encontrado con el problema de la diferencia de estilos por defecto que hay entre los distintos navegadores. Sobretodo con “nuestro amigo” IE6. Para evitar minimizar ese problema, podemos establecer una serie de estilos que reseteen la página y la dejen con unos estilos iguales de partida para todos los navegadores.
Efectivamente, compañero. En esta otra entrada comento un ejemplo de reset.css (aunque refiriéndolo no muy acertadamente como framework): https://maniacode.wordpress.com/2012/08/28/eric-meyers-reset-css-ejemplo-de-framework/