What can I do to fix tearing in IE 6.0? I haven't validated against Safari or IE 5.5, but Firefox renders my pages just fine. I've validated the HTML and CSS and am happy with its results. It's almost as though the line-height parameter is being randomized as it strips out portions of random lines throughout a div when scrolling up or down... When I remove the background-color property, everything works fine which is why their is no background color in the homepage's content divs.
Here is a screenshot of it in action:
But then again, in this example, the bottom of the longer letters such as p, y, and g get their last pixels rendered.
Update (7/1/07): Turns out it was a combination of line-height and background-color. Using both caused the issue, so I removed the line-height setting from my <p> section and the background-color can stay without tearing. Yay for IE6!
Leave a comment