Eu tenho esse problema onde o aplicativo da web que eu criei no meu ambiente de desenvolvimento, exibe de maneira diferente depois de carregá-lo no servidor da web.

Estou usando o mesmo navegador e a mesma máquina para visualizar as páginas. A única coisa diferente, é o "servidor". Eu estou usando .net 3.5 e no meu ambiente de desenvolvimento as páginas são servidas usando o ASP.net Development Server. No servidor da Web, as páginas são exibidas usando o IIS 6.0.

Eu tenho apenas um único arquivo CSS que está contido na pasta "App_Themes / Default" que é usada para controlar todo o CSS no meu aplicativo.

Aqui estão algumas coisas que não são iguais:

1) Eu tenho um controle de painel recolhível que quando expandido é suposto para mostrar no topo de todos os outros elementos da página. No ambiente de desenvolvimento, ele se comporta corretamente. No servidor da Web, o painel desliza sob os outros elementos.

2) Eu tenho o meu elemento definido com um fundo e um certo tamanho de fonte. Quando exibido no meu ambiente de desenvolvimento, o texto é exibido em uma linha. No entanto, no servidor da Web, o texto é empacotado mesmo que o texto seja do mesmo tamanho. É como se a div contendo seja de alguma forma "menor".

3) A largura dos botões que não têm largura fixa (portanto, a largura é determinada pelo texto do botão) é diferente entre o ambiente de desenvolvimento e o servidor da web. Os bottons no servidor são sempre mais largos.

Eu verifiquei se não há referências a outros elementos CSS no machine.config e global web.config no servidor e no meu ambiente de desenvolvimento.

Eu sei que o servidor está lendo o CSS porque, em geral, parece semelhante (mesmas cores, planos de fundo, estilo de fonte, etc). É só que os tamanhos parecem estar desligados e as camadas das divs.

Alguém já passou por esse problema antes? Alguma idéia do que eu poderia procurar?