Question

I have website whose home-page’s body has a class name: .homepage

Inside the body there is a div with an id: #content.

I just want to give the homepage’s #content div a background image with CSS like this:

.homepage #content {
background: #FFFFFF url("image.jpg") no-repeat scroll 90% 30px;
}

This works in all browsers apart from IE8 backwards. It works in IE9.

In IE8, No image appears.

Am I doing something wrong or is there a workaround?

Answer 1

Simplify it.

Try background:red; then background:red url(image.jpg) and slowly add on values until it works.

If neither works, check for conflicting rules in IE stylesheets. Also try !important