Please help me center this table..

Trying to move my badges to the footer. And am using a 4 column table. It looks ok in IE, but Firefox is aligned left...

Heres my code

<style type="text/css">
<!--
.ssl {
	padding-top: 10px;
}
-->
</style>
<table width="500px" height="80" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td valign="middle"><div align="center" class="ssl"><script language="javascript" type="text/javascript" src="//smarticon.geotrust.com/si.js"></script></div></td>
    <td valign="middle"><div align="center"><script type="text/javascript" language="javascript">var ANS_customer_id="7e371704-4341-4ec9-b7c7-5eb72ff7a5d5";</script> <script type="text/javascript" language="javascript" src="//verify.authorize.net/anetseal/seal.js" ></script></div></td>
    <td valign="middle"><div id="googleCheckoutLogo"></div><script src='https://checkout.google.com/buttons/logos?merchant_id=174643545574515&loc=en_US&f=png' ></script></td>
    <td valign="middle"><div align="center"><img src="/images/horizontal_solution_pp.gif" border="0" alt="Visa - Mastercard - Discover - AMEX - Paypal" /></td>
  </tr>
</table>

Code (markup):

 

You could try putting the table itself in a centered DIV. Try this:

 

Worked... Thank you very much!

 

No problem anytime.

 

Why add the html?... With CSS you could just give the table this:

table {
clear: both;
margin: 0px auto;
}

Code (markup):

Cheers!~