jCarousel help with IE6...
I've been trying to fix this to no avail for the past 2 hours. HeEre's the page in question:
http://css.rolled.at/eudemonics/case-study.html
It works perfectly fine on all major browsers but IE6. IE6 will stack all the images to the right of the element and ignore the overflow property. It will also not scroll at all when I click on the arrows.
To prevent the images from stacking aside each other, I added this piece of css:
-
.jcarousel-container {
width: 284px;
overflow: hidden
}
That keeps the image in it's place, but the carousel won't work at all. Needless to say, I haven't touched any of the original files in the jcarousel.zip file (just edited the width/height of the .jcarousel-item class) and am using the example code since it's a very basic carousel. Any idea of what might be wrong?
Thanks for your time.