This is probably really stupid but.....

I have credit card logos that are built into a store I am messing around with. I am not familiar with CSS so I really have no idea what I'm doing. I can't seem to get these logos to align to the left. Any help would be awesome. Here is the code...

<div class="wrapper payment-methods">
<div class="row">
{% if settings.display_footer_search %}
<section class="fr span6 searchform">
<form id="search_form" name="search" action="/search" class="clearfix">
<input type="submit" value="Go" class="submit" />
<input type="text" class="text" name="q" />
</form>
</section> <!-- /.span6 -->
{% endif %}
<div class="span6">
<ul class="credit-cards clearfix">
{% if settings.accept_visa %}<li><img src="{ { 'icn_cc-visa.gif' | asset_url } }" alt="Visa" /></li>{% endif %}
{% if settings.accept_mastercard %}<li><img src="{ { 'icn_cc-mastercard.gif' | asset_url } }" alt="MasterCard" /></li>{% endif %}
{% if settings.accept_amex %}<li><img src="{ { 'icn_cc-amex.gif' | asset_url } }" alt="Amex" /></li>{% endif %}
{% if settings.accept_cirrus %}<li><img src="{ { 'icn_cc-cirrus.gif' | asset_url } }" alt="Cirrus" /></li>{% endif %}
{% if settings.accept_delta %}<li><img src="{ { 'icn_cc-delta.gif' | asset_url } }" alt="Delta" /></li>{% endif %}
{% if settings.accept_discover %}<li><img src="{ { 'icn_cc-discover.gif' | asset_url } }" alt="Discover" /></li>{% endif %}
{% if settings.accept_westernunion %}<li><img src="{ { 'icn_cc-westernunion.gif' | asset_url } }" alt="Western Union" /></li>{% endif %}
{% if settings.accept_paypal %}<li><img src="{ { 'icn_cc-paypal.gif' | asset_url } }" alt="PayPal" /></li>{% endif %}
</ul> <!-- /.credit-cards -->
</div> <!-- /.span6 -->
</div> <!-- /.row -->
</div> <!-- /.wrapper -->