When you scroll down the page here in IE 7 (at least, I haven’t checked in IE 6): http://ppchog.info/, sometimes the border of the left hand side of the content box is disrupted. The layout relies on four background images being painted over each other and every so often when you scroll a line of text and the border of the container to the left of the text is filled with the background color.  The error goes away after IE re-renders the page such as if you minimize IE or select the text. Attached are some screen shots of it.

Any help would be greatly appreciated.

you may fix the problem ‘cause i’ve cannot seen it now in your site..
but i saw something else
transparent png :)
make it with dximagetransform

* html ELEMENT { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=‘path_to_your_png’, sizingMethod=‘scale’);}

OR (because i see it is IMG tag)
with full background color of the image
IE6 doesn’t know what transparency is :)

http://ppchog.info/

OMG now i see what happened in your site..
why you use this big imgs for bg? :(
take 1 pixel horizontally and repeat it..

take top of img with relative coordinate of content div and absolute top:0 left:0 to img
and bottom same…
use padding or margin-bottom for move text..
and everything will be fine .. and smaller than that!
85k for index page with nothing in it :(