Eu tenho puxado meu cabelo (e percorrendo muitas horas) para tentar descobrir por que o Colorbox não está funcionando corretamente na página a seguir: [link removido]

Eu configurei um link de teste do Colorbox no canto inferior direito que diz "Web Design por todo o Web Cafe", que deve abrir uma pequena imagem do logotipo. No Firefox, Safari, etc, o modal se comporta como deveria, abrindo o centro do centro acima de todo o conteúdo existente na página. No IE, não apenas o modal não está centralizado, mas parece que não está obedecendo ao posicionamento absoluto e empurrando todo o conteúdo existente na página para baixo. Acrescente a isso o fato de que não está abrindo para o tamanho correto e criando barras de rolagem ao lado da imagem modal, e temos um modal feio.

As barras de rolagem com as quais eu posso viver (apenas redimensionando a altura mínima do modal), mas não consigo descobrir por que ele não será centralizado. Deixe-me dizer que eu não codifiquei este site inicialmente e ele foi concluído há alguns anos atrás; portanto, provavelmente existem vários hacks CSS para exibir as coisas corretamente, muitos dos quais podem estar causando esse problema.

Por outro lado, o Thickbox também é configurado neste site (se você clicar no texto explicativo "Reproduzir vídeo" na área azul escura) e se comporta corretamente, embora sofra alguns problemas estranhos de tamanho / preenchimento, daí o desejo de substituí-lo por algo um pouco mais moderno e extensível. Posso verificar se não há conflito com esses dois scripts modais / arquivos CSS simultaneamente, pois o problema ainda ocorre com o Colorbox, mesmo quando o Thickbox é totalmente removido.

Quaisquer pensamentos ou sugestões serão muito apreciados.