[CSS] Layout e footer che si posiziona male

[Galex]

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?

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; 
}

      <div id="container">
      
          <div id="header">
      
          </div>
      
          <div id="navigation">
      
          </div>
      
          <div id="content">
      
      
          </div>
      
          <div id="footer">
      
          </div>
      
      </div>

[jackalt]

se ho ben capito ti dà un problema di overflow quindi così a occhio mi pare che il problema sia a causa del posizionamento assoluto del footer mentre gli altri div hanno float o non sono specificati...

[Galex]

il footer ha posizionamento assoluto xchè ho seguito quanto c'era scritto nell'esempio...anche container è relativo come descritto nell'esempio...secondo te cosa dovrei correggere?

[Galex]

siccome mi hai parlato di float...ho scoperto che il problema nasce quando gli elementi che riempono il div content hanno float:left...c'è un modo x ovviare al problema senza tofliere questa proprietà float al contenuto del div content....????

[Galex]

penso di aver risolto aggiungendo questo alla fine del div content,anche se non so se è stilisticamente corretto

<div id="content">
...
<div style="clear:both;"></div>
</div>

[Leilond]

di solito si usa un <br style="clear: both" /> e non un div

[Galex]

ah,ok,farò come dici..
grazie!