Estaba probando un efecto box-shadow en Chrome y Firefox, y me sorprendió ver una diferencia drástica en la representación entre los dos navegadores. Cabe destacar que la prestación de Firefox eramucho mas oscuro Aquí hay dos imágenes de referencia:

La primera imagen se representa en Chrome 22 y la última en Firefox 16, ambas con Mac OS 10.8.2. No tengo idea de por qué las dos imágenes se están mostrando de manera tan diferente. Aquí está la propia caja de la sombra, igual para ambos navegadores:

box-shadow: 0px 1px 3px rgba(0,0,0,0.3), inset 0px 4px 2px -2px rgba(255,255,255,0.7), inset 0px -3px 1px -2px rgba(0,0,0,0.3), inset 0px -20px 200px -100px rgba(0,0,0,0.5);

Para una demostración en vivo, puedes veraquí. Pase el mouse sobre la caja para obtener el efecto.

¿Hay alguna manera de que pueda solucionar esta diferencia drástica en la representación?