Como conseguir máxima compatibilidad entre navegadores

Interesante checklist creada por Andrés Nieto, en su blog. Hay varios trucos que actualmente no utilizamos pero que vale la pena chequear, como el de utilizar opacity:0.99 en todos los elementos de texto.

La lista:

1. Siempre usa el DOCTYPE strict y valida los estandares HTML /CSS
2. Usa siempre un sistema para resetear tus CSS
3. Usa opacity:0.99 en elementos de texto para limpiar el renderizado de Safari
4. Nunca redimensiones imagenes desde el CSS o HTML
5. Revisa el renderizado de la fuente en todos los navegadores. Nunca uses Lucida.
6. El tamaño del texto es % en el body y em para el resto
7. Todos los divs flotantes deben llevar display:inline y overflow:hidden
8. Los contenedores deben tener overflow:auto y activa hasLayout usando un width o un height
9. No uses ningún estilo CSS3 extravagante
10. No uses imagenes PNG transparentes a menos que hayas cargado el apha.

El punto 5 (no usar fuente Lucida), ya nos causó problemas en nuestro sitio hace un poco más de un año. El problema y la solución están detallados aquí.

Fuente: aNieto2k.