Problema con ruta de archivo externo con javascript

[berkeleyPunk]

Buen día.

Mi problema realmente no es de javascript, creo, ni CSS, ni HTML, etc. Creo que es más bien de... ¡cómo declarar una ruta a un archivo!

Tengo un javascript que verifica si el explorador es Internet Explorer o no. Si lo es, entonces se carga el archivo CSS-ie.css. Si no lo es, se carga el archivo CSS.css. (Ambos están en la carpeta scripts)

Mi árbol de directorios es este:

Código Árbol:

www
  --> images
          --> imgs
              paginas
              scripts
              varios
 

En cada documento html declaro la sig línea:

Código HTML:

<link type="text/css" href="" rel="stylesheet" id="hojaCSS" />
 

Y el JS:

Código Javascript:

function verificarBrowser()
    {
            var styleSheet      = document.getElementById("hojaCSS");
            var infDelNavegador = window.navigator.userAgent;
            var MSIE            = infDelNavegador.indexOf("MSIE");
            var trident         = infDelNavegador.indexOf("Trident");
            
            if( (MSIE != -1) && (trident != -1) )
            {
                styleSheet.href = "images/scripts/CSS-ie.css";
            }
            else
            {
                styleSheet.href = "images/scripts/CSS.css";           
            }
    }
 

Miren, si el archivo html que debe jalar el CSS está en la carpeta www el javascript funciona perfecto y encuentra el archivo css en la ruta images/scripts/CSS.css ó CSS-ie.css.

Pero si el archivo está dentro de la carpeta "paginas", no se carga el css de la ruta: "../scripts/CSS.css".

Lo raro es que la ruta está bien, lo sé, porque si la pongo tal cual dentro de la etiqueta <link type=... /> , el navegador sí jala el CSS.

¿Entonces?