Ultimate Fade-in slideshow not working in IE

[mattmac]

1) Script Title: Ultimate Fade-in slideshow

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex14/fadeinslideshow.htm

3) Describe problem: Working on all browsers apart from IE 7 and 6

II am trying to make 4 seperate divs in 4 different positions fade in at different intervals.

Test page - http://www.pomegranate.biz/newpom/index.html - with all other links removed.

This works in all browsers apart from IE 6 and 7. Haven't been able to try in IE8.

I can get it to work if I remove display:inline; from the css but the layout no longer works properly.

#fadeshow1
{display: inline;
position: absolute;
top: 245px;
left: 70px;
width: 105px;
height: 143px;
z-index: 1}

[ddadmin]

You have 5 instances of the script running, though they all currently use the same variable name ('mygallery'), for example:


var mygallery=new fadeSlideShow({

They need to be unique for each instance, such as "mygallery", "mygallery2" etc.

[mattmac]

I have changed the mygallery id so each one is individual but it hasn't made a difference. I have previously used multiple slideshows on the same page before without a problem.

I have eliminated all other code and it still seems to be display:inline that is causing the problem. If I remove this code from the css the slideshow works fine, even without individual mygallery id's.