Помогите с [prev-link]Назад[/prev-link] {pages} [next-link] Далее [/next-link]

[romarius 0]

Здравствуйте, буду очень благодарен если кто поможет. Мой сайт:http://kinodisplay.ru/. При написании нового шаблона столкнулся с проблемой. Пытаясь подправить "novigation.tpl" на свой лад, вот что получил :. Пробывал через div - верхний вариант и через table - нижний вариант, результат мне не понятен. Подскажите где натупил.

Вот HTML код

<div align="center">

<span class="prev">[prev-link]<img src="{THEME}/images/1pusto.png" width="60" height="20" border="0" />[/prev-link]</span> 

<span class="navigation">{pages}</span> 

<span class="next">[next-link]<img src="{THEME}/images/1pusto.png" width="60" height="20" border="0" />[/next-link]</span>

</div>


<table width="415" align="center">

    <tr>

        <td width="60" height="20" align="center" class="prev">[prev-link]<img src="{THEME}/images/1pusto.png" width="60" height="20" border="0" />[/prev-link]</td>

        <td width="295" height="20" align="center" class="navigation">{pages}</td>

        <td width="60" height="20" align="center" class="next">[next-link]<img src="{THEME}/images/1pusto.png" width="60" height="20" border="0" />[/next-link]</td>

    </tr>

</table>

и CSS

.navigation {

	color:#666; 

	border:0px;

}


.navigation a:link,

.navigation a:visited,

.navigation a:hover,

.navigation a:active {

	text-decoration:none;

	color: #ffffff;

	background: url(../images/1pagep.png);

	padding:4px 7px;

	font-size:11px

}


.navigation a:hover {

	background:url(../images/1pagea.png);

	color:#FFFFFF;

}


.navigation span {

	text-decoration:none;

	background:url(../images/1pageaktiv.png);

	padding:4px 7px;

	color:#000000;

	font-size:11px;

}

.navigation span.nav_ext {

        border: none;

        background: transparent;

		background: url(../images/1pagep.png);

}

Заранее спасибо всем откликнувшимся!