Problema propiedades css

[jasson_algo]

Buen día
Estoy trabajado en la actualización de una aplicación web que un tercero desarrollo, la cuestión es que debo de implementar un enlace que abra un cuadro emergente y oscuresca todo el fondo, lo logre con un overlay y funciona perfecto para chrome mozilla y similares pero parta IE lo muestra como un bloque en vez de sobreponerlo con la propieda fixed

Adjunto el codigo usado si alguien me puede ayudar gracias

Código HTML:

<div id="overlay_categoria" class=".overlay">
.....
<div id="enlace"></div>

 $("#enlace").click(function(){
           $('#overlay_categoria').fadeIn('fast',function(){
             });
     });

css

Código HTML:

.overlay {
	background: url("../imagenes/overlay.png") left top;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	position: fixed;
	z-index: 100;
	}

[jasson_algo]

Despues de prueba y error con otros arhcivos encontre que el problema etsba en que faltaba el <!doctype> y una vez colocado solucionado el problema, por si alguien llega a tener un problema similar

[emprear]

Bien por la solución,
Sería bueno que muchos de los que postean se pasen por este post para tomar nota.