Raster problem? Background lines in IE.

[Hylobates]

I'm new to all this so please forgive if I use incorrect terminology to describe my problem.

The web page I've developed sometimes shows horizontal lines through background images when I use IE. If I scroll, they go away, but then others appear. This doesn't happen with Firefox or Safari. The lines go away if I refresh the page, but then come back when I scroll. What's going on and how do I make it go away?

I've noticed other web pages with this error so I know I'm not the only one in trouble, yet I could find no reference to this problem after almost two hours of searching. Please help if you can...

Thanks,
Hylobates

[Hylobates]

Hmmm... after having a few friends take a look, it seems that this doesn't happen on cathode ray tube displays, only laptop technology displays. And it only happens with IE. Grrrrr...

[Major Payne]

Might double check to make sure your display sync rates (refresh rates (http://www.techmind.org/lcd/)) are set properly for your video card and display. I don't think that's the problem though since you are having the problem in only one "browser". Possibly go through your menu settings and try resetting the brightness/contrast, etc. while using IE with lines present on screen and see if that helps.

Ron

[Major Payne]

Afterthought:
You're web page may also have markup which is producing this in IE. Do you have a URL to the page?

Ron

[Hylobates]

http://www.cheetathechimp.org/2008_test_area/index.html

Many thanks for any help you can provide. This is my first real attempt at using JavaScript and CSS so it won't surprise me if I've done something incorrectly.

I did check the Microsoft IE community website and another developer reports the same thing: Corrupted backgrounds with scrolling. Microsoft has apparently logged this as a bug in IE, but I don't know what to do for a workaround short of eliminating the background image. The problem also occurs when the background image isn't repeated.

[Hylobates]

http://www.grsites.com/archive/textures/view/source=archive/id=2038/

If I scroll up and down, sure enough, I see white horizontal lines creasing through the background. They come and go with each scroll, often totally disappearing. Must be an interaction with IE, my video card, and who knows what...

[Major Payne]

This site's banner at top does not work in IE 6/7 for me, but works fine in Firefox:
http://www.grsites.com/archive/textures/view/source=archive/id=2038/

I viewed both sites in IE 6/7 and could not see anything resembling the problems you are having.

The quirk you may be having with IE may be because you do not have a proper doc type (http://www.w3.org/QA/2002/04/valid-dtd-list.html) for your page. This puts IE and other browers into Quirks Mode when parsing your page.

Might correct your HTML code errors (http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.cheetathechimp.org%2F2008_test_area%2Findex.html) and revalidate.

Ron

[Hylobates]

I've been using the default doc type given by Aptana Studio and wouldn't have thought of this. Thanks, I'll follow your link.

It is very kind of you to help those of us marching up the learning curve.

Happy New Year,
Karen

[Hylobates]

Wow, and thanks a bunch for pointing out the validator!

[Major Payne]

You're very welcome!! :) There also is a CSS Validator (http://jigsaw.w3.org/css-validator/#validate-by-input). Let me know how it goes.

Happy New Year to you, too, Karen. Have a safe one!

Ron