Tengo este problema donde la aplicación web que he creado en mi entorno de desarrollo se muestra de manera diferente después de cargarla en el servidor web.

Estoy usando el mismo navegador y la misma máquina para ver las páginas. Lo único diferente, es el "servidor". Estoy utilizando .net 3.5 y en mi entorno de desarrollo, las páginas se sirven utilizando el servidor de desarrollo ASP.net. En el servidor web, las páginas se sirven utilizando IIS 6.0.

Solo tengo un único archivo CSS que está contenido dentro de la carpeta "App_Themes / Default" que se usa para controlar todo el CSS en mi aplicación.

Estas son algunas de las cosas que no muestran lo mismo:

1) Tengo un control de panel plegable que, cuando se expande, se supone que se muestra sobre todos los demás elementos de la página. En el entorno dev, se comporta correctamente. En el servidor web, el panel se desliza debajo de los otros elementos.

2) Tengo mi elemento definido con un fondo y un cierto tamaño de fuente. Cuando se muestra en mi entorno de desarrollo, el texto se muestra en una línea. Sin embargo, en el servidor web, el texto se ajusta aunque el texto sea del mismo tamaño. Es como si el div que contiene se de alguna manera se hace "más pequeño".

3) El ancho de los botones que no tienen un ancho fijo (por lo que el ancho está determinado por el texto del botón) es diferente entre el entorno de desarrollo y el servidor web. Los botones en el servidor son siempre más anchos.

Verifiqué para asegurarme de que no haya referencias a otros elementos de CSS en machine.config y global web.config en el servidor y en mi entorno de desarrollo.

Sé que el servidor está leyendo desde el CSS porque, en general, se ve similar (los mismos colores, fondos, estilo de fuente, etc.). Es solo que los tamaños parecen estar apagados y las capas de los divs.

¿Alguien que haya tenido el mismo problema? ¿Alguna idea de lo que podría buscar?