Eu estava testando um efeito de sombra de caixa no Chrome e no Firefox e fiquei surpreso ao ver uma diferença drástica na renderização entre os dois navegadores. Notavelmente, a renderização do Firefox foiMuito de mais escuro. Aqui estão duas imagens de referência:

A primeira imagem é renderizada no Chrome 22 e a segunda no Firefox 16, ambas em execução no Mac OS 10.8.2. Eu não tenho idéia porque as duas imagens estão sendo processadas de maneira tão diferente. Aqui está a sombra da caixa, mesma para os dois 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 uma demonstração ao vivo, você pode verAqui. Passe o mouse sobre a caixa para obter o efeito.

Existe alguma maneira de corrigir essa diferença drástica na renderização?