I am having issues with writing some script, and hope someone has the answer. My script is constantly floating left and wont center and if I remove the float my script gets all jumbled up on top of itself and looks tacky. This is what I got.

Code:
<span class="center-footer">
<ul id="footer-links-primary">
<li>
<a href="/kuno/about">About</a>
</li>
<li>
<a href="/kuno/copyright_center">Copyright</a>
</li>
<li>
<a href="/kuno/advertising_overview">Advertising</a>
</li>
</ul>
<ul id="footer-links-secondary">
<li>
<a href="/kuno/terms">Terms</a>
</li>
<li>
<a href="/kuno/privacy">Privacy</a>
</li>
<li>
<a href="/kuno/Report">Report a bug</a>
</li>
</ul>
<?php } ?>
</span>
<br style="clear:both;"/>
and for the css part...

Code:
#footer .center-footer{
	    padding: 12px 30;
		display: block;
		float: left;
		margin-bottom: 5px;		
	}

	#footer .footer-links {
    color: #666666;
    font-size: 13px;
    overflow: hidden;
    text-shadow: 0 1px 1px #FFFFFF;
}

#footer ul {
    margin-bottom: 0;
    margin-top: 3px;
    overflow: hidden;
    text-shadow: 0 1px 1px #FFFFFF;
}
#footer #footer-links-primary {
    margin-top: 20px;
}
#footer-links-secondary {
    font-size: 11px;
}
#footer-links-primary li, #footer-links-secondary li {
    float: left;
    line-height: normal;
    margin: 0 20px 0 0;
    padding: 1px;
}
#footer-links-primary a, #footer-links-secondary a {
    color: #666666;
    font-weight: bold;
}
#footer-links-primary {
    margin-top: 20px;
}
anyone got the correct way to go about this? I have been at it for 3 hours. Pretty sad hu?