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

There is a funny issue with how IE is parsing/rendering my css. I have the following style defined "background-image: url(/images/leftArrow.png); DISPLAY: block; cursor: pointer;"

but for some reason, IE 7 & 8 are combining background a开发者_StackOverflow社区nd display to make it one property (see screenshot)

Any ideas?

_{(source: infinicastonline.com)}

It only displays that way with the developer toolbar. When you make a simple span with those css attributes, it does actually display like a block element, but my developer toolbar shows the same thing yours does in your screenshot.

It is not the uppercase name (developer toolbar actually makes the display attribute uppercase), nor is the quotes around the url the problem. You can even move display:block to the beginning of the styles and it will still show them combined in developer toolbar

Try putting some quotes inside the url.

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

But definitely, more code would be nice.

Its most likely a typo somewhere or a forgotten declaration termination or something. If you post the actual code we might be able to provide a concrete answer.

i think its because you've used uppercase property names. you have the same issue with "POSITION" below. btw how do i get this firebug like addon for ie?