Overlapping image hidden in HTML/CSS slideshow

i'm attempting create simple slideshow html / css / jquery. followed tutorial -

http://www.html5marketplace.com/slideshow/

 

here's page (the slideshow on bottom image):

 

http://beta.deltsig.com/photos.html

 

if hover on left or right side of bottom image, you'll see can advance images upon clicking. slideshow functional - there supposed forward/back arrow buttons on left , right hidden reason. (these in image file "slideshow-btns.png").

 

i tried changing z-index on button , adding 1 slideshow itself, did nothing. here's sample of button style:

 

#container .prevbutton{

          height:72px;

          width:68px;

          position:absolute;

          background:url('slideshow/slideshow-btns.png') no-repeat;

          top:50%;

          margin-top:-36px;

          cursor:pointer;

          z-index:6000;

          background-position:left top;

          left:0

}

 

any idea how can show?

no slideshow can see.  sure uploaded correct page?

 

 

nancy o.

More discussions in Dreamweaver support forum

adobe