ciao.. mi intrometto nella discussione...
a me questa cosina del clear non funziona!!

probabilmente sbagli qualcosa.. ma non so cosa!! sicuramente e' un errore scemo che non riesco a trovare..

help!
ecco il link della pagina che sto facendo:
http://www.hellolen.com/2008/gallery.htm

come potete vedere il div col bordo blu non si allunga fino al footer!!
(gli ho dato min-height senno avrebbe un'altezza di pochi pixel)
inoltre le 3 colonne LOGO COLONNA LINEA non arrivano fino in fondo.. e invece dovrebbero!

ecco il css:
codice:
@charset "utf-8";
/* CSS Document */

html,body{margin:0; padding: 0;height: 100%}
div#container{position: relative; height:100%}
body>div#container{height: auto; min-height: 100%}

div#piede{position:absolute;bottom: 0;width: 100%; height:41px; text-align:left;}
body{ background: #7a008c url(images/fondo_stelle.gif) top no-repeat left}

#testata{ width:100%;height:150px; text-align:center; position:relative}
#content{ width:100%; position:relative; bottom:42px;  height:79%; min-height:500px;  border: 2px solid blue }
.clear { clear:both; } 

#logo{
float:left; 
width:420px; 
height: 100%;
float:left;
padding:0;
text-align:center;
background:url(images/linea.gif) right repeat-y;
}

#colonna{
width:384px;
background:url(images/colonna.gif) center repeat-y;
height:100%;
float:left;
padding:0;
text-align:center;
bottom:50px;
}

#linea{
width:auto; 
height: 100%;
float:left;
margin-left:-8px;
margin-right:0px;
right:0;
text-align:center;
 background:url(images/banda.gif) top repeat-x;
 z-index:50;
}
se qualcuno sa aiutarmi, lo ringrazio sin da ora!!