Размещение div над слайдером изображения jQuery

Question

Я пытаюсь поместить элемент div над галереей изображений jQuery Tools Scrollable. У меня есть все, помещенного в правильном направлении, однако ДИВ не появляется на верхней части объекта JQuery, даже если я установить Z-индекс: 2. Вот мой код:

div#wrapperContainer{ 
display: table; 
overflow: hidden; 
margin: -5px auto; 
} 

//this is the div i'm trying to put on top of the jQuery Tool 
div#wrapper { 
display: table-cell; 
vertical-align: middle; 
z-index: 2; 
width: 1024px; 
height: 192px; 
background-color: #525252; 
-moz-box-shadow: 0px -10px 50px #000; 
-webkit-box-shadow: 0px -10px 50px #000; 
     box-shadow: 0px -10px 50px #000; 
} 

//this is the CSS for the jQuery Tool 

.scrollable { 
position: relative; 
overflow: hidden; 
width: 940px; 
height: 528px; 
-moz-border-radius: 10px; 
-webkit-border-radius: 10px; 
-khtml-border-radius: 10px; 
     border-radius: 10px; 
} 

.items { 
width: 20000em; 
clear: both; 
position: absolute; 
} 

.items div{ 
float: left; 
width: 940px; 
height: 528px; 
} 

Answer 1

Посмотрите на jQuery.toggle() ,

Answer 2

Можете ли вы поместить обертку div абсолютно? Если это так, это должно позаботиться об этом, а также надлежащий z-индекс.

См. Пример позиционирования here.