Помогите с версткой

есть графическая картинка размером 34х34 ее нужно вставить под каждую цифру в этот код
----------------------------------------
<table class="pages_table">
<tr>
<td class="pages_td">
<a href="archive1.php" class="pages_a" target="_parent">1</a>
<a href="archive5.php" class="pages_a" target="_parent">5</a>
<a href="archive6.php" class="pages_a" target="_parent">6</a>
<a href="archive9.php" class="pages_a" target="_parent">9</a>
<a href="archive0.php" class="pages_a" target="_parent">10</a>
<a href="archive1.php" class="pages_a" target="_parent">11</a>
<a href="archive7.php" class="pages_a" target="_parent">17</a>
<a href="archive10.php" class="pages_a" target="_parent">20</a>
</td>
</tr>
</table>
----------------------------------------
в самом коде менять нечего нельзя
получается у нас есть 3 класса
.pages_table {}
.pages_td {}
.pages_a {}

можно ли сделать так, что бы цифры были в центре картинки?

п.с. у меня, получается, так сделать только от 1 до 9, а дальше начинается смещение цифр в разные стороны

спасибо

Код:

.pages_table {width: 100%;} .pages_td {width: 100%;} .pages_a { display: block; float: left; background: url(button.jpg) no-repeat 1px 0; width: 34px; height: 34px; text-align: center; padding: 7px 0 0 1px; text-decoration: none; color: #fff; }

большое спасибо!