[SOLVED] Align left on footer widget

I created a footer widget area- by adding this in the STYLE AND EDIT FOOTER section

<?php bfa_widget_area('name=Footer widget area&cells=3&before_widget=<div id="%1$s" class="footer-widget %2$s">&after_widget=</div>'); ?>

Which worked great, but it's all center aligned and I would like them aligned left.

Then I added this in the "Add HTML/CSS Inserts" . CSS INSERTS

#footer-widget {
float: left;

I am sure I am doing something really dumb here. On another site using the twentyten theme I easily formatted it as follows:
#footer-widget-area .widget-area {

float: left;

margin-right: 20px;

width: 220px;

list-style:none;