"However, I noticed that the image is assigned a repeater... a vertical repeat actually, which could likely cause that effect in some browsers"
Could you clarify? I'm not familiar with the concept of assigning the image a repeater.
"However, I noticed that the image is assigned a repeater... a vertical repeat actually, which could likely cause that effect in some browsers"
Could you clarify? I'm not familiar with the concept of assigning the image a repeater.
His repeating image (background: url(../../../../../main/templates/atom/images/bg.gif) repeat-y;)
Is for his left navigation column, the cream colored background.
That could be an issue, perhaps, since you've set that repeating image for the <body>... one idea would be to restrict that to its own tag, like div#leftcolumn. It would cause you to do some redesigning of the layout, since your left column goes all the way up the page, but I think its doable. Anyway, as a test, you could try changing that repeat-y to no-repeat, and ask someone who's having the issues if it goes away. I haven't seen this before, but with css, you never know.
actually, what am I thinking, you could just apply the background to this tag instead of the body : #mainWrapper