Please Center This!!! HTML CSS!?

[Jeff]

Hi please center this for me! It won't stay in the center of the page! And it has to read horizontally like any pagination bar:

<style type="text/css">
ul{border:0; margin:0 auto; padding:0; text-align:center;}

#pagination-clean li{
border:0; margin:0; padding:0;
font-size:16px;
list-style:none;
}
#pagination-clean li, #pagination-clean a{
border:solid 1px #DEDEDE
margin-right:2px;
}
#pagination-clean .previous-off,
#pagination-clean .next-off {
color:#888888
display:block;
float:left;
font-weight:bold;
padding:3px 4px;
}
#pagination-clean .next a,
#pagination-clean .previous a {
font-weight:bold;
border:solid 1px #FFFFFF;
}
#pagination-clean .active{
color:#00000
font-weight:bold;
display:block;
float:left;
padding:4px 6px;
}
#pagination-clean a:link,
#pagination-clean a:visited {
color:#0033CC
display:block;
float:left;
padding:3px 6px;
text-decoration:none;
}
#pagination-clean a:hover{
text-decoration:none;
}
</style>
<br><br>
<table align="center" width="50%"><tr><td>
<ul id="pagination-clean">
<li class="previous-off">«Previous</li>

<li class="active">1</li>
<li class="next-off">Next »</li>
</ul><br>
<a href="?seeall=yes">See All</a>
</td></tr></table>

THANKS!