Step Carousel navigation arrows shift in IE7

[thvag]

1) Script Title: Step Carousel

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex4/stepcarousel.htm

3) Describe problem:
Hello everybody,

I am using Step carousel in a web site. When it comes to Chrome, FF, IE8 everything seems to be working fine. When I use IE7 and lower, the navigation arrows seem to shift to the right (the number of the pixels been shifted depends on the screen resolution). Step Carousel module is placed in a div.

Thank you in advance.

[ddadmin]

Please post a link to the page on your site that contains the problematic script so we can check it out.

[thvag]

Hello again,

the url is http://www.polytexno.gr/kouzines.html

Note that I have found a temporary solution that seems to be fine with some screen resolutions (up to 1024x768) in IE 7 and lower but the problem remains in e.g. Opera and higher resolutions.

Thank you in advance!

[jscheuer1]

What's the temporary solution?

Anyways, the problem appears to arise from a combination of margin: auto; and position: relative; and width: 625px; applied to the body tag.

I'd get rid of all that. Of course that will mess up the page in all browsers. But you can then wrap the entire page in a div and give it the properties just removed from the body tag.

[thvag]

John,

thank you so much, it seems to be working smoothly.

Vaggelis.