I am having some trouble that I assume is being caused by z-index, but not sure how to correct it. First let me explain the reason it is coded the way it is. I have two absolutely positioned elements so that I can send the navigation behind the slider background image (something I can’t do if I apply the background image to the actual slider div).
As a result the first image of the slider is completely hidden and the image transitions only transition into themselves and not out of the previous image…if that makes sense.
hmmm that is weird. It does it for me in every browser on both my OS X machine at home and my Windows machine at work.
The slider “works” just fine, but the transitions should transition from one image to another and not from white to an image. Here is an example of it working correctly – http://www.robsranch.org/. Maybe this will help better explain the difference.