Does Internet Explorer 7 have a CSS parsing issue with the "background-image" property?

Question

Having CSS layout issues with Internet Explorer 7 (big surprise). Upon using the Developer Tools to inspect the CSS, I discovered that some properties defined in the stylesheet are not appearing in the parsed CSS structure... THEN I saw THIS being shown as the parsed value for the background-image property:

background-image : url(/trunk/httpdocs/images/layout/HCBL_Homepage_01.jpg); WIDTH: 1200px;

pretty much obliterating the width property that was defined.

The actual code in the CSS file for this element:

div#header {
        width: 1200px;
        height: 100px;
        margin-left: auto;
        margin-right: auto;
        background-image: url('/trunk/httpdocs/images/layout/HCBL_Homepage_01.jpg');
        background-repeat: no-repeat;
}

If anyone could offer any insight, or provide a link describing this problem (and maybe a workaround...) I would be very appreciative.

Also, I am only interested in this from a parsing of the stylesheet and CSS syntax perspective. I am not concerned with rendering and display issues at the moment; I simply want to get IE 7 (and I have a feeling IE 6 will have similar issues) to recognize and parse ALL of the CSS properties that have been defined in the stylesheet.

Also, here is a link to some static HTML and CSS that illustrates the problem described.

Thanks in advance guys!

Answer 1

Are you sure that you have regular inverted commas around you url, not fancy curly ones? Do you get the same behaviour if you change them to quote marks?

Answer 2

I'm not 100% about your folder structure or how you are accessing your image but have you tried without the first slash or adding .. before the first slash?

Where are the CSS and JPG files located from your website's root directory?