Salve,
ho seguito la lezione 15 "Il Problema del Footer" della guida ai CSS di html.it,
ma non funziona.

Accludo il file di layout in questione:


<html>
<head>
<title>Centro Studi Pergolesi</title>

<link rel="stylesheet" type="text/css" href="menu.css">

<script src="jquery.min.js" type="text/javascript"></script>

<script src="menu.js" type="text/javascript"></script>

<style type="text/css">

html,body {margin:0; padding: 0; height: 100%;}

body {
background-image: url('imgs/bckg.gif');
background-position: top;
background-repeat: repeat-x;
background-color: #876c49;
text-align: center;}

a {
color: #675238;
text-decoration: none;}

a:hover {
color: #9b7c54;}

img {
border: 0px;}

p, ul {
margin: 20px;
color: #5b4932;
font-family: Verdana, Arial, sans serif;
text-align: justify;
font-size: 12px;}

div#container {
width: 760px;
height:100%;
margin: 0 auto;
text-align: left;}

div#header {
width: 760px;
height: 100px;}

div#menu {
width: 760px;
height: 30px;}

div#content {
width: 760px;
height: 100%;
padding-top: 10px;
background: #ac8d65;
color: #1b1d1f;}

div#news {
float: right;
width: 175px;
height: 100%;
background: #c2ab8e;
border-top: 1px solid #876c49;
border-left: 1px solid #876c49;}

div#insert {
width: 560px;
height: auto;
padding-bottom: 20px;
margin-right: 195px;
background: #c2ab8e;
border-top: 1px solid #876c49;
border-right: 1px solid #876c49;
border-bottom: 1px solid #876c49;}

div#insert2 {
width: 560px;
height: auto;
margin-top: 20px;
padding-bottom: 20px;
margin-right: 195px;
background: #c2ab8e;
border-top: 1px solid #876c49;
border-right: 1px solid #876c49;
border-bottom: 1px solid #876c49;}

</style>

</head>
<body>

<div id="container">

<div id="header">
[img]imgs/head.gif[/img][img]imgs/unimi.jpg[/img]
</div>

<div id="menu">

<ul id="jsddm">
[*]Home
<ul>
[*]Chi Siamo
[*]Statuto
[*]Organigramma
[/list]

[*]Attività
<ul>
[*]Contenuti
[*]Eventi Musicali
[*]Pubblicazioni
[*]Archivio
[/list]

[*]Pergolesi
<ul>
[*]La Vita
[*]Le Opere
[/list]

[*]Strumenti
<ul>
[*]Edizioni Musicali
[*]Database
[*]Biografia
[*]Iconografia
[*]Discografia
[/list]

[*]Links
[*]Contatti
[/list][img]imgs/bordo.gif[/img]

</div>

<div id="content">
<div id="news"></div>
<div id="insert">





Il Centro Studi Pergolesi ha lo scopo di promuovere e realizzare studi, ricerche, convegni e pubblicazioni sulla musica e la figura di Giovan Battista Pergolesi.

Al fine di perseguire le sue finalità istituzionali il CSP è attivo su diversi fronti:

<ul>
[*]Promuove la raccolta di fonti documentarie bibliografiche, archivistiche, musicali, iconografiche, sonore;
[*]Collabora alla preparazione e alla realizzazione dell’edizione critica delle opere di Pergolesi (dal 2009 Edizione Nazionale);
[*]Pubblica collane scientifiche;
[*]Organizza manifestazioni culturali e musicali;
[*]Collabora con istituti culturali, università, teatri e festival italiani e stranieri.[/list]
</p>



</div>
<div id="insert2">

Insert 2</p></div>
</div>

</div>

</body>
</html>


Io vorrei che il content finisse sempre a fine pagina senza andare oltre.

Grazie,
Francesco