Sto provando ad installare questo script nel mio sito

http://javascript.html.it/demo/javas...37/esempio.htm

Non riesco a farlo funzionare per bene.
Questo è quello che ho provato a fare:

Posto tutta la pagina html.
La parte del CSS l'ho copia incollata cosi come è nell'esempio nel mia pagina CSS

codice:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Lucaeffe</title>



    <script type="text/javascript">
        var GB_ROOT_DIR = "./greybox/";
    </script>
    
    <script type="text/javascript"  src="greybox/AJS.js"></script>
    
    <script type="text/javascript"  src="greybox/AJS_fx.js"></script>
    
    <script type="text/javascript"  src="greybox/gb_scripts.js"></script>
    
    <link href="greybox/gb_styles.css" rel="stylesheet" type="text/css" media="all" />
    
    <script type="text/javascript" src="../static_files/help.js"></script>
    
    <link  href="static_files/help.css" rel="stylesheet" type="text/css" media="all" />




<link href="index.CSS" rel="stylesheet" type="text/css" />
<link href="widget.css" type="text/css" rel="stylesheet" />
<link href="form_footer.css" rel="stylesheet" type="text/css" media="screen"/>








<script src="blogger.js"></script>
<script src="http[Luca_effe].json?callback=twitterCallback&amp;count=1"></script>

	
	<meta http-equiv="Content-Language" content="en-us">

	<meta name="author" content="Engage Interactive">

	<meta http-equiv="X-UA-Compatible" content="IE=8">
    
    






    
    <script type="text/javascript" src="jquery-1.3.2.min.js"></script>
    
   <script type="text/javascript">
      $(document).ready(function(){

	$(".menu2 a").append("");
	
	$(".menu2 a").hover(function() {
		$(this).find("em").animate({opacity: "show", top: "-75"}, "slow");
		var hoverText = $(this).attr("title");
	    $(this).find("em").text(hoverText);
	}, function() {
		$(this).find("em").animate({opacity: "hide", top: "-85"}, "fast");
	});


});
</script>





	








</style>


<!--[if IE]>
<style type="text/css">




#navigation_quick li a:hover
{
	background-image:url(IMAGE/navigation2.png);
	background-repeat:no-repeat;
	margin:5px 25px 0 35px ;
	position:relative;
	outline:none;
}

#navigation_quick {
	position:absolute;
	left:610px;
	top:330px;
	display: block;
	width: 555px;
	height: 93px;
	background:url(IMAGE/navigation2.png) left top no-repeat;

}	


#navigation {
	left:400px;
	top:-490px;
    width:500px;


}


#navigation li a:hover
{
	margin:0 0 0 45px;
}


</style>
<![endif]-->





</head>

<body>


<div id="header"></div>


 



<div id="quick2">
<ul class="navigation_quick" class="menu2">



			<li class="home">
			<li class="work">
			<li class="contact">
            <li class="curriculum">
            
[/list]
</div>

 

 <div id="container">



</script>

<h4>Example rendered:</h4>
<script>
var page_set = [{'caption': 'Google', 'url': 'http://lucaeffe.com/gallery/burn_after.html'},
    {'caption': 'Yahoo', 'url': 'http://yahoo.com/'},
    {'caption': 'Yahoo', 'url': 'http://yahoo.com/'}];
</script>





</div>


</div>

				




  <div id="footer">
  
  <div id="twitter_div">
<div id="rett"></div>
<h2 style="display: none;" >Twitter Updates</h2>
<ul id="twitter_update_list">[/list]
</div>

<script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script>
<script type="text/javascript" src="http://twitter.com/statuses/user_timeline/Luca_effe.json?callback=twitterCallback2&amp;count=1"></script>

  

  
<div id="quick">
<ul class="navigation_quick">
			<li class="home">
			<li class="work">
			<li class="contact">
            <li class="curriculum">
            <li class="pdf">
[/list]
<ul class="social">
			<li class="facebook">
            <li class="twitter">
            <li class="flickr">
            <li class="behance">
            

[/list]

</div>


</div>
</body>
</html>