I can't work out how to fix a positioning problem with #inner which doesn't display correctly in Mac Version 10.8.2 Google Chrome Version 22.0.1229.79. The #inner is pushed down by about 212px. But in Firefox and Safari (all latest versions) it displays correctly.

Hm, tricky. Somehow, it seems to be the JavaScript causing troubles. With JS off, the slideshow disappears altogether. One thing I'd suggest is to set a height for the slider-wrap div in the CSS, such as

#slider-wrap {height: 614px;}

That way, the div below might get less confused trying to find its position. Worth a try, anyway.

nikcree
—
2012-10-01T01:13:23Z —
#3

Thanks for the suggestion ralph.m. I set the height of the slider-wrap and it pushed the #pagewrap done OK but the #inner does not seem to position correctly. It should be higher as in Firefox.

ralphm
—
2012-10-01T01:36:07Z —
#4

Have you removed the style? I don't see it there. It would be interesting to see it in place, as I suspect that's the first step, if not the whole solution. Maybe even post a test page with that style in there.

Glad you found a solution. The only thing I didn't like about that solution (and why I didn't suggest it) is that it creates a big gap before the footer. I guess you could pull that up too, but it's not ideal.

nikcree
—
2012-10-02T01:32:27Z —
#7

Thanks for pointing that out. I hadn't scrolled down to check that yet. I have pulled that up now.