Compatibilidad de CSS con internet explorer

[:.SMITEXX.:]

Hola, me imagino que a muchos nos pasa que un diseño nos funciona perfecto en firefox, pero en IE es un fiasco... y nos toca pasar horas tratando de encontrar una solución para que sea multi navegadores.

Propongo que hagamos un listado de las que nos pasan todos los días (se que va a ser muy extenso) para saber como arreglarlas y así optimizar el tiempo.

Yo empiezo con esta:
margin-left: si en FF tienes 10px de margen, en IE va a mostrar 20px

Un código que encontre en Disenorama nos muestra como incluir un código dentro del head para solucionar algunos pequeños detalles con las hojas de estilos.

Anexo el código:

Código:

<!--[if IE]>
<style>
#miregla {
	color:#333333;
}
</style>
<![endif]-->

Yo recomiendo ponerlo ANTES DEL CIERRE DEL HEAD, pues así no genera errores de visualización.

A ver quién más se anima.

[brokenbones]

eso se pone tal cual? imagino que deberá quitarse el comentario, pero va suelto en el head o en alguna otra eiqueta?

[:.SMITEXX.:]

Tal cual, con el comentario incluido. Copia pega y reemplaza solo los estilos