Bueno, después de dar vueltas un rato y probar otras formas de detectar mi navegador he cambiado el código del head al body por el siguiente
   
Código Javascript
:
Ver original- var navegador = navigator.appName 
-     alert("Navegador: "+navegador); 
-     cargaEstilos(navegador); 
y en el head la función javascript   
Código Javascript
:
Ver original- function cargaEstilos(explorador) 
-         { 
-             alert("Explorador: "+explorador); 
-             if(explorador == "Microsoft Internet Explorer") 
-             { 
-                 alert('cargo estilos explorer'); 
-                 document.write("<link rel='stylesheet' href='stylexplorer.css' type='text/css' media='screen' />"); 
-             } 
-             else 
-             { 
-                 alert('cargo otros estilos'); 
-                 document.write("<link rel='stylesheet' href='style.css' type='text/css' media='screen' />"); 
-             } 
-         }; 
Vale, io uso firefox y me hace todo correctamente, safari también, pero cuando abro mi sitio web con explorer 8 me muestra sólo el alert Navegador:+navegador; a la función del head ni entra y mucho menos me carga los estilos. 
Por qué puede estar pasándome ésto?? 
Un saludo y gracias!!