I am trying to create a slideshow with two separate sliders using li elements for that purpose. It works perfectly in Chrome and Safari, but I am encountering issues in Firefox and IE.
In Firefox, the slideshow works fine in quirks mode but not in standard mode. Here are a couple of examples:
Quirks mode:
Standard mode:
I need it to work in standard mode. What could be causing this issue?
Here is my CSS code:
/* Photo slider */
#slider1 {
position: absolute;
height: 100%;
left: 0%;
top: 0%;
width: 57%;
z-index:100;
}
#slider2 {
position: absolute;
height: 100%;
left: 82%;
top: 0%;
width: 57%;
z-index:100;
}
#slider1 ul, #slider2 ul {
margin: 0;
padding: 0;
}
#slider1 img, #slider2 img {
height:100%;
}