IE8 and lower showing background white

Tags: css,internet-explorer-8,background

Problem :

I am having a weird problem with ie8 and lower. I apply a backgound image and color to the body element with CSS. The background is, however, painted white in IE8 and lower when I load the page.

In the moment i resize a little bit the window the background is correctly applied.

body {
     background-image: url(../images/main.gif);
     background-repeat: repeat-x;
     background-position: top left;
     background-color: #6e9b68;  

A live site suffering this problem.

Any idea how to solve this issue?

Solution :

It's a bug in the version of jQuery you're using (v1.6.1).

I came across the same problem in this question, it has all the info you need: Weird IE8 layout glitch

    CSS Howto..

    How to change Polymer(1.0) paper-toolbar background colour?

    What's the idea behind image sprites, how to approach it?

    How to load css into html dynamically?

    How to fix animation problems css3

    How to render text in .NET in the same size as browsers does given CSS for the text

    CSS: How to shrink first div in container instead of going outside of container

    How detect first div clicked when all of them absolute

    How do I keep my elements on the same horizontal line?

    How do you group similar n-th child selectors? [duplicate]

    How to add scroll to child of flex item?

    How to set caption for youtube videos box in css?

    How to right align last two columns of a table with CSS

    How to convert a HTML/CSS template to haml/sass template? [closed]

    How can I make a fixed background image not stay fixed on scroll?

    How to align image with hr line with another image html CSS?

    How to make a pure css based dropdown menu?

    How to separate header from content

    My sidebar is fixed no matter what. How do I make scrolling possible with the sidebar?

    How to control the CSS on an Active/Focused button in Foundation 5 [RESOLVED]

    How to manage two different size of textarea box in css

    How to style td with input button and text-size button?

    How to add a style only to certain elements of a list via CSS

    How with JQuery cause Hover on diffrent element than mouse is currently on top of

    How to change the font-size uniformly?

    How to get different class selectors using nth-child in css

    How to positioning the tooltip above cursor

    How to write CSS for parent DIV needing height dictated by child DIVs that are also anchored bottom?

    CSS How to target element without a tag

    How to add your customise arrows in slick slider JS using CSS

    Css overflow-y: how to show only when needed