Как решить баг с навигацией ?

Здравствуйте и прошу Вашей помощи.

Взял шаблон из паблика, установил, все баги убрал но осталась самая наглая проблема с навигацией.

В общем, у меня сейчас она такая - http://clip2net.com/s/1qtlT

... все кнопки правильно работают, да вот только не правильно отображаются.

Должно быть так - http://clip2net.com/s/1qtmN

Вот та часть CSS кода (вроде бы все правильно написано, да никак не хочет работать):

.basenavi {margin:0 -47px 0 -47px;background:url(http://localhost/test.com/templates/Default/ima





ges/style/navigation.gif) repeat-x bottom;height:43px;}

.navigation {color:#2e2e2e;font-size:12px;font-weight:bold;margin:0px 0 0 65px; padding-top:15px;}

.navigation a {color:#575757;text-decoration:none;background:url(http://lo





calhost/test.com/templates/Default/images/style/navi_btn.gif) repeat-x;height:15px;padding:0 5px 0 5px;margin:0 3px 0 3px;}

.navigation a:hover {color:#FFF;background-position:0 -15px;padding:0 5px 0 5px;}

.navigation span {background:url(http://localhost/test.com/templates/Default/images/s





tyle/navi_btn.gif) repeat-x 0 -30px;color:#FFF;padding:0 5px 0 5px;margin:0 3px 0 3px;}

.nprev img {vertical-align:middle;margin: -3px -21px 0 -21px;width:60px;height:15px;background:url(http://localhost





/test.com/templates/Default/images/style/navipage.gif) no-repeat;}

.nprev a img { background-position: 0px 0px; }

.nprev a:hover img { background-position: 0 -15px; }

.nprev span span img { background-position: 0 -30px; }

.nnext img {vertical-align:middle;margin: -3px -13px 0 -13px;width:60px;height:15px;background:url(http://localhost





/test.com/templates/Default/images/style/navipage.gif) no-repeat;}

.nnext a img {background-position:-60px 0;}

.nnext a:hover img {background-position:-60px -15px;}

.nnext span img {background-position:-60px -30px;}

.nnext a, .nnext a:hover, .nnext span {background:none;}

@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {.nnext img, .nprev img {margin-top:0px;}}

.up {background:url(http://localhost/test.com/templates/Default/images/s





tyle/up.gif) no-repeat;width:60px;height:15px;float:right;margin:15px 13px 0 0;}

.up:hover {background-position:0 -15px;}

А вот код из navigation.tpl:

<table width="100%" border="0" cellpadding="0" cellspacing="0"><tr><td>



<a href="#" onclick="scroll(0,0); return false"><img src="http://localhost/test.com/templates/Default/images/spacer.gif" class="up" alt="Подняться вверх сайта." title="Подняться вверх сайта." /></a>

<div class="basenavi">

<div class="navigation">

[prev-link]<span class="nprev"><img src="http://localhost/test.com/templates/Default/images/spacer.gif" /></span>[/prev-link]

{pages}

[next-link]<span class="nnext"><img src="http://localhost/test.com/templates/Default/images/spacer.gif" /></span>[/next-link]

</div>



</td></tr></table>

Поможете ?