jquery - Slideshow image shows up in front of Modal window - updated with jsfiddle -

kind of stuck here.

based on hanish feedback - have created jsfiddle replicate issue i'm facing

http://jsfiddle.net/by4fu/10/

will appreciate if can me debug

i using following plugin slideshow

http://jquery.malsup.com/cycle/basic.html

now on same page displaying text in modal window - when user clicks on links. plugin i'm using modal window

http://rmcreative.ru/playground/modals_plugin/demo.html

now issue - when modal window opens - images slideshow on top of modal window , not behind

based on dalefrench feedback tried using z-index - no luck

.modal {

z-index:1000; background: #fff; width: 600px; margin: 20px auto; border-radius: 30px; border: 6px solid #000; padding: 20px;   text-align:justify; 

}

.slideshow img { padding:5px; background-color:#000; z-index:10; }

thanks time - appreciate it

try giving .slideshow element position value of position:relative , same .modal. give .slideshow element z-index: -1 value.

updated fiddle: http://jsfiddle.net/by4fu/6/

.slideshow {     height: 125px;     width: 232px;     margin-left:20px;     position: relative;     z-index: -1; }   .modal {     z-index:1000;     background: #fff;     width: 300px;     margin: 20px auto;     border-radius: 30px;     border: 6px solid #000;     padding: 20px;     text-align:justify;  }