I've noticed that my body background image is shifting about 1px to the left in Firefox 3.01 only, causing some white space to show on the left border.

Has anyone else experienced a similar problem? This did not occur in previous versions of FF, or in any other browser.

Site: http://tinyurl.com/5au66p
Style sheet: http://tinyurl.com/6xwzbf
Body bg image: http://tinyurl.com/56fcnl

Relevant portion of CSS:

body {
font-family:Arial, Helvetica, Sans-Serif;
font-size:62.5%;
min-width:926px; /* Prevent background from shifting */
background-color:#CCD2F1; /* matches edge color of background image */
background-image:url(../images/bodywrapper-gray.gif);
background-position:center;
background-repeat:repeat-y;
}

Personally, I wouldn't have noticed it unless you said something. Your css all looks correct I'm not sure what could be causing the issue. Maybe its something related to the navigation or header part in the template. Sorry, I couldn't be more helpful.

You might try commenting out the snap.com stuff, it's using a 1x1px gif - just enough to mess you up by 1px. Other than that, I don't see anything that would cause it.

Turns out it's a "known bug" in Firefox 3.01.

Haven't found a solution, but I'd welcome a design tip that may help me avoid the problem.

https://bugzilla.mozilla.org/show_bug.cgi?id=446284

this fix works with firefox if it is shifting your background to the right:

http://www.positioniseverything.net/easyclearing.html

happy coding

Interesting, but at least someone caught it and put it in Bugzilla.