seguendo l'esempio ho cercato di costruire questo layout http://css.html.it/guide/lezione/64/...ma-del-footer, solo che con Firefox il footer si sovrappone al contenuto quando questo supera l'altezza dello schermo, mentre con IE7 si posiziona subito sotto il contenuto ma poi rimane uno spazio vuoto sotto il footer fino alla fine della pagina...cosa che nell'esempio non succede!qualcuno sa dirmi cosa sbaglio?


codice:
div#container{
  position:relative;
	width: 782px;
	height: 100%;
	margin: 0 auto;
  text-align: left;
}
body>div#container{
  height:auto;
	min-height:100%;
	background : #ffffff; 
	background : url("../images/bg_container.gif") no-repeat bottom left;
}
div#footer{
	 clear:both;
   position: absolute;
	 bottom:0;
	 padding: 0 0;
	 width: 780px;
   background-color: #FFFFFF;
	 background : url(../images/bg_footer.gif) no-repeat right top; 
	 color: #000;
	 text-align:center;
}
#content {
  margin-top : 10px; 
  margin-left : 175px; 
  width : 600px; 
	padding:0 0;
	padding-bottom:20px; /* = o > all'altezza del footer,evita che in certi casi il footer si sovrapponga al contenuto */
}
#menu {
  float : left; 
  width : 165px; 
  text-align : left; 
  margin-top : 12px; 
  background: url(../images/bg_menu.gif) no-repeat top left;
  margin-bottom : 3px; 
}
codice:
      <div id="container">
      
          <div id="header">
      
          </div>
      
          <div id="navigation">
      
          </div>
      
          <div id="content">
      
      
          </div>
      
          <div id="footer">
      
          </div>
      
      </div>