Problemas de compatibilidad con código en IE

Buenas con todos, tengo un problema que llevo dias sin poder resolver. Tengo este efecto para una galeria wudiseños.com | Gigantografias, diseños e impresiones la cual se visualiza perfecto en chrome y firefox pero en versiones anteriores de IE no se ve nada.

Alguien que me pueda dar una mano con esto, gracias!

<script>
var navegador = navigator.userAgent;
if (navigator.userAgent.indexOf('MSIE') !=-1) {
document.write("codigo para ie");
} else if (navigator.userAgent.indexOf('Firefox') !=-1) {
document.write("codigo para firefox");
} else if (navigator.userAgent.indexOf('Chrome') !=-1) {
document.write("codigo para ...");
} else if (navigator.userAgent.indexOf('Opera') !=-1) {
document.write("codigo para ...");
} else {
document.write("codigo para otroas navegadores no reconocidos");
}
</script>

pd: Si el código incluye comillas usa ' y no "".. ejemplo

document.write("<a href='https://urllinkejemplo'><img height='27' src='http://url-imagen.jpg' width='500'/></a>");

Gracias por el dato, pero encontre una solucion mas practica (no se si correcta) y es colocar la siguiente linea de codigo en la cabecera


y listo! el problema resuelto, gracias igual a googleperuano por la respuesta.
Saludos!

Y depende qué versión de IE, porque ya vez que ahorita se está usando más el 9, el 8 casi ya no xD