I want the #copyright to be at the bottom of #outer
Here is the css for #copyright
Change the positioning on #copyright to absolute and add a relative positioning context to #outer. Then add bottom: 0px to #copyright as well.
Sorry. CSS would look like:
#copyright{
position:absolute; margin-bottom:0px; width:672px; height:20px; color:#FFF; bottom: 0px;
}
#yr{
margin:auto;
}
#f{
position:absolute; right:0px; text-align:center;
}
#outer {
position: relative;
}