Can anyone tell me why one of my website pages shifts slightly to the left in Firefox? Everything appears fine in IE6.

It may have something to do with the extra content on the RFI page, but I can't seem to rectify it.

These 3 look the same:
http://www.diamondpackaging.com/green/index.htm
http://www.diamondpackaging.com/green/contact.htm
http://www.diamondpackaging.com/green/thankyou.htm

This page shifts slightly:
http://www.diamondpackaging.com/green/rfi.htm

CSS
http://www.diamondpackaging.com/green/diamond.css

Thanks,
Wilbury

It shifts because of the added scrollbars on the RFI page. The solution would be to shorten the page -- which probably isn't feasible - or narrow the width of the site allowing for the extra 20 pixels taken up by the scrollbars.

LadynRed,

Thanks again for your help. I never noticed the scrollbars on the right.

Would reducing the page width make a difference for this site? The width is set at 960 pixels.

The reason I ask is that I have a lot of white space (on either) side of the page within the viewport.

I was looking at it with 1280x1024 and got the scroll bars. If you narrow the max page width by 20px, you should be able to eliminate the shift, even when you need the scrolling.

You will always have the shift just because of the scroll bar, I was looking at it on 1440x900 so lots of space on the sides and no shift, just because my height resolution makes me scroll on each page. My 1600x1200 monitor though makes it shift, so either way someone will be shifting and someone not. You could always write code to shift it over 20pixels or so when it detects the page needs scrolling for the USER if thats even possible ;P

Edit: And because most users use 1024.768 resolution, and 768 is even less than my 900 they will always have a scroll bar so it doesn't shift for them either...