footer layout elastico/fluido

[CloudySky]

Salve ho questo layout, come posso fare per scrivere dentro al footer, in modo tale che se io stringo la finestra del layout, la scritta si adatti al proprio contenitore che è appunto il footer?
grazie

/* BEGIN LAYOUT */
body,html{
margin:0 auto;
padding:0;
width:100%;
height:100%;

}


#container{
margin:0 auto;
width:70%;
height:90%;
border-width:1px;
border-style:solid;
border-color:grey;
border-radius:4px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
}

#header{
margin:0 auto;
background-color:#C0C3D0;
height:10%;
}


#left{
margin:0 auto;
background-color:#DDDFE6;
float:left;
width:20%;
height:86%;
}

#content{
margin:0 auto;
float:left;
width:60%;
height:86%;
}

#right{
margin:0 auto;
background-color:#DDDFE6;
float:right;
width:20%;
height:86%;
}

#footer{
text-align:center;
clear:both;
background-color:#C0C3D0;
height:4%;
}
/* END LAYOUT */

[CloudySky]

nessuno mi aiuta??