Ho usato lo script indicato nel link, ma se lo inserisco nella mia pagina non funziona(effettua sempre un refresh e sembra che va in conflitto con qualche cosa) se lo inserisco in una pagina vuota invece funziona. Come mai?

Ecco cosa c'è nella mia pagina:

codice:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"> </script>
<script type="text/javascript" src="js/script.js"></script>
    <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
    <script type="text/javascript">
        $(function() {
          if ($.browser.msie && $.browser.version.substr(0,1)<7)
          {
            $('li').has('ul').mouseover(function(){
                $(this).children('ul').show();
                }).mouseout(function(){
                $(this).children('ul').hide();
                })
          }
        });        
    </script>
  
<script language="javascript">


   var altezza = window.screen.height;
   var larghezza = window.screen.width;
      if ((larghezza == 1920) && (altezza == 1024))

       {

            location.href = "paginaHD.html";
       }

       else

       {

            location.href = "pagina.html";
       }


</script>



<style type="text/css">
#cm-nav li a.arrow {background-image: url("arrow-right.gif")}
#cm-nav > li > a.arrow {background-image: url("arrow-down.gif")}
ul#cm-nav ,
ul#cm-nav ul {
 list-style: none;
 margin: 0px;
 padding: 0px
}
ul#cm-nav li {
 list-style: none;
 margin: 0px;
 padding: 0px;
 width: auto;
 float: left;
 position: relative
}
ul#cm-nav li li {
 width: auto;
 float: none
}
#cm-nav a {
 background: url(image1.gif);
 padding:0px;
 border: none;
 text-align: left;
 color: black;
 font-family: verdana;
 font-size: 12px;
 text-decoration: none;
 display: block;
 white-space: nowrap
}
}#cm-nav a.no-click {cursor: default}
#cm-nav li a {margin: 0px 0px 0px 0px}
#cm-nav li li a {margin: 0px 0px 0px}
#cm-nav > li > a.arrow {padding-right: 14px}
#cm-nav ul.arrow-pad > li > a {padding-right: 11px}
#cm-nav li a.arrow ,
#cm-nav > li > a.arrow {
 background-position: right;
 background-repeat: no-repeat
}
#cm-nav li:hover > a {
 color: white;
 background: url(images/roll.png);
}
#cm-nav li ul ,
#cm-nav li:hover ul ul ,
#cm-nav li:hover ul ul ul ,
#cm-nav li:hover ul ul ul ul ,
#cm-nav li:hover ul ul ul ul ul ,
#cm-nav li:hover ul ul ul ul ul ul ,
#cm-nav li:hover ul ul ul ul ul ul ul ,
#cm-nav li:hover ul ul ul ul ul ul ul ul {
 display: none;
 position: absolute;
 z-index: 999
}
#cm-nav li:hover ul {display: block}
#cm-nav li li:hover ul ,
#cm-nav li li li:hover ul ,
#cm-nav li li li li:hover ul ,
#cm-nav li li li li li:hover ul ,
#cm-nav li li li li li li:hover ul ,
#cm-nav li li li li li li li:hover ul {
 margin-left: 100%;
 display: block
}
#cm-nav li:hover ul {margin-left: 0px}
#cm-nav ul ul {
 left: -1px;
 top: 1px
}
#cm-nav li {top: -1px}

.range_test {background: url(css/barra.png)}


</style>



</head>

<body>
<body style="background:#FFFFFF">
<ul id="cm-nav">

...