Salve a tutti,
ho un problema con un javascript.
Se lo metto nella stessa cartella della pagina html me lo carica perfettamente e fa l'effetto desiderato, ma se lo metto in una cartella (per rendere più ordinato il mio sito) non funziona e mi blocca anche l'effetto del css.. tutto ciò ovviamente solo con CHROME, mentre con gli altri (firefox, IE) va perfettamente.. secondo voi da che dipende?

intestazione con cartella(che non funziona):
codice:
<html xmlns="http://www.w3.org/1999/xhtml" lang="it" xml:lang="it"> 
<head> 
  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> 
  <title>titolo.it</title> 
  <style type="text/css"> @import url("css/index.css");</style> 
  <script type="text/javascript" src="js/fader.js"></script> 
  <script type="text/javascript" src="js/mootools.js"></script> 
  <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script> 
  <script type="text/javascript" src="js/jquery.hoverIntent.minified.js"></script> 
  <script type="text/javascript" src="js/jquery-mdd.js"></script>  
  <script type="text/javascript"> 
  $(document).ready(function(){
  //To switch directions up/down and left/right just place a "-" in front of the top/left attribute
  //Vertical Sliding
  //Caption Sliding (Partially Hidden to Visible)
  $('.boxgrid.caption').hover(function(){
  $(".cover", this).stop().animate({top:'30px'},{queue:false,duration:120});
  }, function() {
  $(".cover", this).stop().animate({top:'150px'},{queue:false,duration:120});
  });
  });
  </script> 
</head>

intestazione senza cartella (Che funziona):

codice:
<html xmlns="http://www.w3.org/1999/xhtml" lang="it" xml:lang="it"> 
<head> 
  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> 
  <title>titolo.it</title> 
  <style type="text/css"> @import url("css/index.css");</style> 
  <script type="text/javascript" src="fader.js"></script> 
  <script type="text/javascript" src="mootools.js"></script> 
  <script type="text/javascript" src="jquery-1.3.2.min.js"></script> 
  <script type="text/javascript" src="jquery.hoverIntent.minified.js"></script> 
  <script type="text/javascript" src="jquery-mdd.js"></script>  
  <script type="text/javascript"> 
  $(document).ready(function(){
  //To switch directions up/down and left/right just place a "-" in front of the top/left attribute
  //Vertical Sliding
  //Caption Sliding (Partially Hidden to Visible)
  $('.boxgrid.caption').hover(function(){
  $(".cover", this).stop().animate({top:'30px'},{queue:false,duration:120});
  }, function() {
  $(".cover", this).stop().animate({top:'150px'},{queue:false,duration:120});
  });
  });
  </script> 
</head>
questo è il link del menu:
http://javascript.html.it/demo/javas...35/esempio.htm

grazie per l'aiuto!