Estou exibindo várias imagens em miniatura e a latência pode ser muito alta (por meio de uma VPN). Por isso, envio todas as miniaturas em um único arquivo (como um sprite) e defino as propriedades CSS de imagem de fundo e posição de fundo de um div para mostrar as miniaturas. O problema que estou tendo é com o IE6 e descobrir quando a imagem foi carregada ... Estou usando o hack BackgroundImageCache:

document.execCommand("BackgroundImageCache",false,true);

Para verificar quando a imagem é carregada, uso este código:

$('<img>').attr('src', 'ThumbSpriteTest.png').load(function() {
    $('.Thumbnails').css('background-image', 'url(ThumbSpriteTest.png)');
});

Isso funciona em todos os navegadores que tentei, exceto no IE6 ... mesmo com o hack do cache, ele carrega a imagem, dispara o evento, define a propriedade background-image e baixa a imagem novamente (e meus elementos .Thumbnail ficam em branco enquanto re-downloads).

Parece-me que o cache hack está apenas alterando o comportamento das referências CSS e não da tag img. Como posso saber quando a imagem de fundo é carregada sem baixá-la duas vezes? É possível no IE6?

EDITAR Usando:document.execCommand("BackgroundImageCache",true,true); parece funcionar (com os dois parâmetros como 'true'). Estou tendo problemas para encontrar qualquer documentação sobre o comando BackgroundImageCache e seus parâmetros (eu encontrei muitos exemplos de como usá-lo para corrigir o problema de CSS, mas todos eles usamfalse,true como parâmetros e não os explique) ... a recompensa ainda é boa para qualquer pessoa com boas informações / documentação sobre o comando BackgroundImageCache e seus parâmetros!

(Não sei por que estou empolgado em encontrar algo que funcione depois de desperdiçar tantas horas devido à falha do IE)