Footer background color problem

So I’m using the Blank 2 Column – Right Sidebar 2.0 by refueled. I decided to customize the footer because I wanted it widgetized. I got that to work. But somehow the part below the title of the widgets stays white and I can’t seem to get it black.

my footer code

<div id=”footer”>

<?php if ( !function_exists(‘dynamic_sidebar’) || !dynamic_sidebar(“Footer”) ) : ?>
<div class=”footer-item”>
<h3>Recent Posts</h3>

<?php wp_get_archives(‘type=postbypost&limit=4’); ?>

</div>
<div class=”footer-item”>
<h3>Monthy Archives</h3>

<?php wp_get_archives(‘limit=4’); ?>

</div>
<div class=”footer-item”>
<h3>Daily Archives</h3>

<?php wp_get_archives(‘type=daily&limit=4’); ?>

</div>
<?php endif; ?>
<div class=”clear”></div>

<?php wp_footer(); ?>
</body>
</html>

my css code

#footer {
background:#000000;
color: #ffc600;
padding: 15px;
clear: both;
width: 100%;
}

#footer p{padding:14px 0;margin: 0; color: #eee; text-align:center;}
#footer a{color: #BCBCBC;text-decoration: none;}
#footer a:hover{color: #5D5D5D;text-decoration: underline;}

.footer-item {
float: left;
width: 33%;
padding-bottom: 10px;
list-style: none;
}
.footer-item ul {
padding-left: 0px;
list-style: none;
font-size: 11px;
font-family: arial, verdana, tahoma;
}

.footer-item ul a{
padding-left: 0px;
list-style: none;
font-size: 13px;
font-family: arial, verdana, tahoma;
}

Live preview here: http://blog.whenlovefalls.com/
Anyone can help me?