I have several buttons that I want displayed in the footer. I have them showing up but they are scattered all over and look horrible and nothing I have tried will get them to move. Here is a copy of the code for the buttons:

<!-- PayPal Logo --><table border="0" cellpadding="10" cellspacing="0" align="center"><tr><td align="center"></td></tr>
<tr><td align="center"><a href="#" onclick="javascript:window.open('https://www.paypal.com/us/cgi-bin/webscr?cmd=xpt/Marketing/popup/OLCWhatIsPayPal-outside','olcwhatispaypal','toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=yes, resizable=yes, width=400, height=350');"><img src="https://www.paypal.com/en_US/i/bnr/horizontal_solution_PPeCheck.gif" border="0" alt="Solution Graphics"></a></td></tr></table><!-- PayPal Logo -->

<a target="_new" href="/f109656/wefoundemcom/" title="Compare prices at WillyFogg.com"><img src="http://willyfogg.com/images/b/willy34w.gif" border=0 alt="Compare prices at WillyFogg.com"></a>

<div id="googleCheckoutLogo"></div><script src='https://checkout.google.com/buttons/logos?merchant_id=959291604277807&loc=en_US&f=png' ></script>

I would like them to line up with the "upfront" button and just go straight across with just a small space between them. Every time I think I have it right it doesn't change it at all.