Funny css rendering error in IE background image has "display: block" in it

Question

There is a funny problem with how IE parses / renders my CSS. I have the following style defined by "background-image: url (/images/leftArrow.png); DISPLAY: block; cursor: pointer;"

but for some reason IE 7 and 8 combine the background and display to make it one property (see screenshot)

Any ideas?

_{(source: infinicastonline.com )}

Answer 1

It is displayed only using the developer toolbar . When you make a simple range with these css attributes, it really appears as a block element, but my developer toolbar shows the same thing as yours in the screenshot.

This is not an uppercase name (the developer toolbar actually makes the display attribute capitalized), nor are quotes around the problem URL. You can even move display:block to the beginning of the styles, and it will still display them in the developer toolbar

Answer 2

Try putting some quotes inside the url.

 url("/images/leftArrow.png"); 

But definitely, more code would be nice.

Answer 3

Most likely, this is a typo somewhere or a forgotten expression about completion or something else. If you post the actual code, we can provide a specific answer.

Answer 4

I think this is because you used uppercase property names. you have the same problem with POSITION below. By the way, how can I get this firebug as an addon, i.e.?