为什么背景图片在IE9中不起作用？

Question

This is the website:

http://loveloverun.com/test/love_run/

I checked and it works properly in chrome and firefox. The problem is that in IE9 the background image only works on the body level.

Here is my css:

body {
    font-family : Open Sans;
    min-height: 0px;
    background: url("../img/front/bg.png") repeat;
    height:auto;
}

And the other div eg container

.container {
    width: 1022px !important; /*1302px*/
    background-color:#ffffff;
    background-clip:content-box;
}

and one more example (footer):

#enquiry {
    color:#ffffff;
    background: url("../img/front/black.png") repeat; 
}

I checked the doc type and it's not missing any tag.

And also some other places are different from the chrome / firefox one, so I wonder:

1) Are there any plugin to enhance the compatibility? I tried modernizer, but it seems to have no effect.

2) How can background problem be solved for IE9?

Update:

body {
    font-family : Open Sans;
    min-height: 0px;
    background-image: url("../img/front/bg.png");
    background-repeat: repeat;
    height:auto;
}

still the same result

Update 2:

Screen cap in ie9

Answer 1

Use

background-image: url(/image.whatever);

instead of the

background: url (); code