Witam, mam problem z JCarousel i warstwa menu, mianowicie chciałbym żeby menu było nad nią lekko zahaczając o przewijane obrazki :


Fragment header.html w którym zawieram obie warstwy :

[HTML] pobierz, plaintext 
<div id="deseczki"></div>
<div id="kontener">
	<div id="background_top">
		<ul id="mycarousel" class="jcarousel-skin-tango">
			<li><img src="http://localhost/Cyklinowanie/images/P020710_16.46.jpg" width="628" height="360" alt=""/></li>
			<li><img src="http://localhost/Cyklinowanie/images/P020710_16.46.jpg" width="500" height="500" alt=""/></li>
			<li><img src="http://localhost/Cyklinowanie/images/P020710_16.46.jpg" width="500" height="500" alt=""/></li>
		</ul>
	</div>
	<div class="background_menu">
	<div class="menu"><a href="/Cyklinowanie/start.html"><b>START</b></a></div>
	<div class="menu"><a href="/Cyklinowanie/zawartosc/realizacje.html"><b>REALIZACJE</b></a></div>
	<div class="menu"><a href="/Cyklinowanie/zawartosc/galeria.html"><b>GALERIA</b></a></div>
	<div class="menu"><a href="/Cyklinowanie/zawartosc/porady.html"><b>PORADY</b></a></div>
	<div class="menu"><a href="/Cyklinowanie/zawartosc/kontakt.html"><b>KONTAKT</b></a></div>
	</div>
<div id="tlo">
[HTML] pobierz, plaintext 

oraz css:

[HTML] pobierz, plaintext 
#background_top
{
	background-image:	url('images/ramka_top.png');
	background-repeat:	no-repeat;
	margin-top:	-325px;
	margin-right:	50px;
	background-color:	#ffffff;
	border:	1px	solid	#000000;
	width:	652px;
	height:	382px;
	float:	right;
}
.background_menu
{
	background-image:	url('images/menu2.png');
	background-repeat:	no-repeat;
	width:	312px;
	height:	471px;
	float:	left;
	margin-top:	-300px;
	padding-top:	50px;
	margin-left:	50px;
	text-align:	center;
	z-index: 2;
}
.menu
{
	font-family: Comic Sans MS;
	font-size:	25px;
	margin-top:	30px;
}
[HTML] pobierz, plaintext 

Jak zrobić aby JCarousel nie przebijał się do góry ? Z-index nie pomaga

Pozdrawiam.