Проблема со слайдами. Не могу задать ссылки при клике по изображению слайдов

[Sice 0]

Доброго времени суток ребята. Всю голову вчера сломал. Не получается в слайдере поставить ссылки по изображениям.

То есть: Идут слайды по разным темам при нажатии на него, переходишь по ссылке. В Шаблоне slider.tpl код следующий:

<script type="text/javascript">

$(function(){

  $('#slides').slides({

   preload: true,

   preloadImage: '{THEME}/images/loading.gif',

   generatePagination: false,

   play: 5000,

   pause: 2500,

   hoverPause: true

  });

});

</script>

<div class="slider">

	<div id="slides">

		<div class="slides_container">

			<a href="#"><img src="{THEME}/img/slide1.jpg" width="572" height="202" alt="" /></a>

			<a href="#"><img src="{THEME}/img/slide2.jpg" width="572" height="202" alt="" /></a>

			<a href="/plat.html"><img src="{THEME}/img/slide3.jpg" width="572" height="202" alt="" /></a>

		</div>

		<a href="#" class="prev"><img src="{THEME}/images/slideprev.png" alt="Arrow Prev" /></a>

		<a href="#" class="next"><img src="{THEME}/images/slidenext.png" alt="Arrow Next" /></a>

	</div>

	<div id="sliderbg">&nbsp;</div>

	<div id="slideframe">&nbsp;</div>

</div>

В syle.css для этих слайдеров такие стили:

/* Слайдер картинками */

.slider {position:relative; float:left;}

#slides {width:595px; height:225px; position:relative; top:20px;}

#slides .slides_container {position:relative; overflow:hidden; top:11px; left:11px; width:572px; height:202px; z-index:50;}

#slides .slides_container a {width:572px; height:200px; display:block;}

#slides .prev {position:absolute; top:90px; left:20px; z-index:200;}

#slides .next {position:absolute; top:90px; right:20px; z-index:200;}

#slideframe {background:url(../images/sliderframe.png) no-repeat; width:595px; height:225px; position:absolute; top:20px; left:0; z-index:100;}

#sliderbg {background:url(../images/slider-bg.png) no-repeat; z-index:0; width:780px; height:252px; position:absolute; top:10px; left:-100px;}

Методом перебора, понял, что вся проблема в строчке: <div id="slideframe">&nbsp;</div>, если ее убрать, то я могу нажимать по слайдам и переходить по ссылкам, но пропадает рамка, вокруг этих слайдов, нарушается внешний вид в общем. Класс slideframe выглядит так:

#slideframe {background:url(../images/sliderframe.png) no-repeat; width:595px; height:225px; position:absolute; top:20px; left:0; z-index:100;}

Не пойму, что в этом коде может запрещать использовать ссылки.

Ребята, помогите пожалуйста, не пойму в чем проблема, не хватает знаний. Заранее большое спасибо.

[Lomot 134]

адрес сайта

[Sice 0]

адрес сайта

он у меня на localhost'e стоит. Вот сам шаблон здесь http://techno-co.ru/datalife_engine/shabloni_dle/2324-shablon-gooddroid-dlya-dle-101.html

[samo733792 19]

Просто поменяй строку

#slideframe {background:url(../images/sliderframe.png) no-repeat; width:595px; height:225px; position:absolute; top:20px; left:0; z-index:100;}

на

#slideframe {background:url(../images/sliderframe.png) no-repeat; width:595px; height:225px; position:absolute; top:20px; left:0; z-index:40;}

То-есть последнее 100 на 40.

[Sice 0]

Просто поменяй строку

#slideframe {background:url(../images/sliderframe.png) no-repeat; width:595px; height:225px; position:absolute; top:20px; left:0; z-index:100;}

на

#slideframe {background:url(../images/sliderframe.png) no-repeat; width:595px; height:225px; position:absolute; top:20px; left:0; z-index:40;}

То-есть последнее 100 на 40.

Просто поменяй строку

#slideframe {background:url(../images/sliderframe.png) no-repeat; width:595px; height:225px; position:absolute; top:20px; left:0; z-index:100;}

на

#slideframe {background:url(../images/sliderframe.png) no-repeat; width:595px; height:225px; position:absolute; top:20px; left:0; z-index:40;}

То-есть последнее 100 на 40.

Спасибо Вам большое! Помогло!