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 that was defined property.

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.

Thanks in advance guys!