You should get rid off the float:right in .footnav
.headnav,
.footnav{
float: right;
list-style: none;
display: block;
margin: 0 10px 0 0;
font-size: 11px;
}
But you should actually handle headnav and footnav separately. Like this:
.headnav {
float: right;
list-style: none;
display: block;
margin: 0 10px 0 0;
font-size: 11px;
}
.footnav {
text-align: center;
list-style: none;
display: block;
margin: 0 10px 0 0;
font-size: 11px;
}