Ciao ragazzi mi chiamo Omar sono nuovo^^ visto che il forum è fatto apposta per delle discussioni e per la risoluzione di problemi..eheh..ne espongo subito uno!
Ho un problema con il footer, io ho seguito per filo e per segno la guida di HTML.it "il problema del footer"

http://css.html.it/guide/lezione/64/...ema-del-footer

ma non riesco a venirne a capo dannazione, il footer resta sempre su!

ecco i codici:
HTML:

codice:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html><head>


<title>PAgina</title><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="generator" content="HAPedit 3.0">
<style type="text/css">
@import url("monofluido.css");			
</style>
</head>
	<body>
		<div>
			<div id="container">
   	    	<div id="header">
				<h1>&nbsp</h1>
			</div>
        	<div id="navigation">
				<ul>
            		[*]Home
            		[*]Perche'
            		[*]Musica
            		[*]Archivio
            		[*]Linguaggi
            		[*]Webdesign
            		[*]Software
        		[/list]
			</div>
        	<div id="content">
				<h2>TOP3</h2>
					

dfvdvfcxbnfgnfhhfhmfhmfhmfhmsdfbhfhmv</p>
			</div>
        	<div id="footer">© 1997-2004 - Grafica, layout e guide sono di esclusiva proprieta' di Omar Malgrati Oym

			</div>
    	</div>


	</body>
</html>
CSS:

codice:
/*stili per il layout fisso con altezza minima*/
html,body{margin: 0; padding: 0; height: 100%}
body{background-color: #666666; font-family: arial,sans-serif; font-size: 76%; text-align: center}
div#container{position:relative; width: 960px; height: 100%;margin: 0 auto;
    text-align: left; border-left: 2px solid #000000;border-right: 2px solid #000000}
body>div#container{height: auto; min-height: 100%}
div#footer{position: absolute; bottom: 0; width: 100%; padding: 0.5em 0;
    background-color: #000; color: #fff; text-align: center}

/*stili generici, su header e footer*/
div#header{background-image: url(img/header.jpg)}
h1,h2{margin: 0;padding:0}
h1{padding-left:0.5em;font: bold 2.3em/80px arial,serif}
h2{color: #000;font-size: 1.5em}

div#footer a{color: #cccc00;font-weight: bold;text-decoration: underline}

/*stili specifici per il layout*/
div#navigation{background-image: url(img/navigation.jpg)}
div#content{padding: 0em 1.5em 5em}


/*stili per la navigazione*/
div#navigation ul{margin: 0;padding: 0; list-style-type: none;}
div#navigation li{display: inline; margin: 0 0 0 1em;padding: 0} /*nota display: inline*/
div#navigation a{color:#ffffff;font: normal bold 1.2em/2.5em arial,sans-serif;text-decoration: none}
div#navigation a:hover{color: #cccc00;text-decoration: none}
div#navigation a#activelink{color: #cccc00;text-decoration: none}
P.S. in allegato l'header

Devo capire il perchè se no sono al punto di partenza,:) spero cortesemente mi diate una soluzione grazie mille! ciaooo