how to center ajax tabs on page?

[zoldos]

I have some AJAX tabs on my site but want to show them centered on the page. Each tab is genereted in it's own HTML table as follows:

<table cellpadding='0' cellspacing='0' style='float: left';>
<tr>
<td class='profile_tab' id='profile_tabs_activity' onMouseUp="this.blur();">
<a href='javascript:void(0);' onMouseDown="loadProfileTab('activity')" onMouseUp="this.blur();">
Recent Activity
</a>
</td>
</tr>
</table>

I've tried using CSS with no affect and I tried adding spaces as well which just messes up the formatting. I also tried using centering DIVs and centered table classes but this centers the content hidden by the tabs and not the tabs themselves.

Does anyone know how to do this? If you need more of my code, just ask. I am at wits end. Thanks!

 

[zoldos]

Nevermind, I realized I needed to put it all under one table, instead of a table for each tab! It works great now.