Carousel Viewer not positioning in IE6 Correctly

[slabadie]

1) Script Title: Carousel Viewer

2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...epcarousel.htm

3) Describe problem: The belt does not position correctly in IE6. Is shows fine in IE7 and Firefox. http://www4.esu.edu/mascot/scroller5/index.htm

[slabadie]

In case anyone has a similar problem, the position issue has been resolved. I just added this:

#content {position: relative;}

[paganpete101]

Hi - where do you add that text?

[slabadie]

I added it to the styles

<style type="text/css">
.stepcarousel {
position: relative; /*leave this value alone*/
/*border: 1px solid navy;*/
overflow: scroll; /*leave this value alone*/
width: 384px;
height: 85px; /*Height should enough to fit largest content's height*/
float:left;
}
.stepcarousel .belt {
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}
.stepcarousel .panel {
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 5px; /*margin around each panel*/
width: 117px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
padding: 2px;
border: 1px solid #8B846A;
}
#content {
position: relative;
}

</style>

[paganpete101]

Thanks for that I 'think' I have a similar problem -

http://www.petesimpsondesign.co.uk/littledipper.html

in ie the large image shifts to the left and down about 20 pixels and I have no idea why!

[slabadie]

You are welcome

[paganpete101]

Worked superb in firefox many thanks - but I still have the same image shift problem in internet explorer :-(

Oh well - hopefully someone will read my post and have an answer as I am stumped :-)