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

Posted by user312003 on Stack Overflow See other posts from Stack Overflow or by user312003
Published on 2010-04-08T15:10:32Z Indexed on 2010/04/08 15:13 UTC
Read the original article Hit count: 322

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!

© Stack Overflow or respective owner

Related posts about css

Related posts about XHTML