footer background problem

background is missing in the footer at the bottom of my blog. it is supposed to look like the footer at the bottom of this blog, the theme sample. what is wrong with the code?

i have not changed the style sheet:

/************************************************
* Footer Background *
************************************************/

#footerbg {
background: #1A4E88;
}

/************************************************
* Footer *
************************************************/

#footer {
width: 960px;
height: 30px;
color: #FFFFFF;
margin: 0px auto 0px;
padding: 0px;
}

#footer p {
color: #FFFFFF;
font-size: 10px;
font-weight: normal;
text-transform: uppercase;
margin: 0px;
padding: 0px;
}

#footer a {
color: #FFFFFF;
text-decoration: none;
}

#footer a img {
border: none;
margin: 0px;
padding: 0px;
}

#footer a:hover {
color: #FFFFFF;
text-decoration: underline;
}

.footerleft {
width: 700px;
float: left;
margin: 0px;
padding: 8px 0px 8px 0px;
}

.footerright {
width: 250px;
float: right;
margin: 0px;
padding: 8px 0px 8px 0px;
text-align: right;
}

/************************************************
* Search Form *
************************************************/

#searchdiv {
margin: 0px;
padding: 0px;
}

#searchform {
margin: 0px;
padding: 4px 0px 0px 0px;
}

#s {
background: #FFFFFF;
width: 210px;
color: #333333;
font-size: 11px;
font-family: Arial, Tahoma, Verdana;
padding: 3px;
margin: 0px 0px 0px 0px;
border-top: 1px solid #666666;
border-right: 1px solid #666666;
border-left: 1px solid #999999;
border-bottom: 1px solid #999999;
}

#sbutt {
background: #4A7EB8;
color: #FFFFFF;
font-size: 11px;
font-family: Arial, Tahoma, Verdana;
padding: 1px;
margin: 0px 0px 0px 3px;
border: 1px solid #FFFFFF;
}