Browser issue with css background image, not showing perfectly in Chrome

Question

I am facing browser issue in displaying background image. Images used as CSS is not showing perfectly in Google Chrome. Tried with Everything, but nothing worked.

Link is: http://j.lookten.com/

More Description:

I have used background from CSS in "TOGETHER WE CAN DO MORE" and "TOGETHER WE CAN DO MORE" section of page, but the background is not supported by Chrome. This works perfectly in Firefox. I want to make it work in Chrome too.

Any Suggestion???

Thank you.

Answer 1

You declared background-size: 100% in the same selector? Just remove that and keep these background-size rules. Somehow Chrome was not applying the rule correctly because of the double declaration?

.divider { /* It is how single divider look's */
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover; 
}

Answer 2

I think to say at PARALLAX effect?

inspects the console have 2 errors not loading:

Failed to load resource: the server responded with a status of 404 (Not Found) http://j.lookten.com/assets/css/bootstrap.css.map

instead. jquery.min.js: 5 Failed to load resource: the server responded with a status of 404 (Not Found) http://j.lookten.com/assets/js/jquery.min.map

this happen in chrome